<!doctype html>
<html lang="zh-CN" dropeffect="none" class="no-js ">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-ZA-Response-Id" content="4385f495514a17ec66e5f1fedb5d9e88">
    <meta http-equiv="X-ZA-Experiment"
          content="default:None,ge3:ge3_9,ge2:ge2_1,SE_I:c,nwebQAGrowth:experiment,recom_answer_rec:answer_gbdt_rank,is_office:false,recommend_live_guess_like:answer_gdbt_rank,nweb_growth_people:default,app_store_rate_dialog:close,nweb_search_suggest:experiment,search_advert_position:1,live_store:ls_a2_b2_c1_f1,nweb_search:nweb_search_heifetz,search_hybrid_tabs:pin-3#album-7,enable_vote_down_reason_menu:d,new_live_feed_mediacard:new,hybrid_zhmore_video:yes,ad_r:a,growth_search:s2,qaweb_related_readings_content_control:close,recommend_question:rec_question_old,recommend_live_detail:live_detail_word2vec,android_pass_through_push:all,search_section_style:1,new_sign_bg:new,new_mobile_app_header:true,recommend_ebook_ac:query_gbdt_rank,np:1,android_search_tab_style:search_tab_style_b,android_db_recommend_action:open,android_db_feed_hash_tag_style:button,mobile_feed_guide:block,is_new_noti_panel:no">
    <title>收藏 - 收藏夹 - 知乎</title>
    <meta name="apple-itunes-app" content="app-id=432274380, app-argument=zhihu://collections/204112305">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta http-equiv="mobile-agent" content="format=html5;url=https://www.zhihu.com/collection/204112305">
    <meta id="znonce" name="znonce" content="dc41c855684741959d8cc36e20952880">
    <link rel="apple-touch-icon" href="https://static.zhihu.com/static/revved/img/ios/touch-icon-152.87c020b9.png"
          sizes="152x152">
    <link rel="apple-touch-icon" href="https://static.zhihu.com/static/revved/img/ios/touch-icon-120.496c913b.png"
          sizes="120x120">
    <link rel="apple-touch-icon" href="https://static.zhihu.com/static/revved/img/ios/touch-icon-76.dcf79352.png"
          sizes="76x76">
    <link rel="apple-touch-icon" href="https://static.zhihu.com/static/revved/img/ios/touch-icon-60.9911cffb.png"
          sizes="60x60">
    <link rel="shortcut icon" href="https://static.zhihu.com/static/favicon.ico" type="image/x-icon">
    <link rel="search" type="application/opensearchdescription+xml" href="https://static.zhihu.com/static/search.xml"
          title="知乎">
    <link rel="stylesheet" href="https://static.zhihu.com/static/revved/-/css/z.3e5da9dd.css">
    <!--[if lt IE 9]>
    <script src="https://static.zhihu.com/static/components/respond/dest/respond.min.js"></script>
    <link href="https://static.zhihu.com/static/components/respond/cross-domain/respond-proxy.html" id="respond-proxy"
          rel="respond-proxy"/>
    <link href="/static/components/respond/cross-domain/respond.proxy.gif" id="respond-redirect"
          rel="respond-redirect"/>
    <script src="/static/components/respond/cross-domain/respond.proxy.js"></script>
    <![endif]-->
    <script src="https://static.zhihu.com/static/revved/-/js/instant.35b468b8.js"></script>
    <style type="text/css">
        .zm-item-fav + .zm-item-fav .zm-item-answer {
            padding-top: 7px;
            border-top: 1px solid #eee;
        }

        .zm-item-answer-author-info a.collapse {
            margin-right: -25px;
            margin-top: 0;
        }
    </style>
</head>
<body class="zhi ">
<div role="navigation" class="zu-top" data-za-module="TopNavBar">
    <div class="zg-wrap modal-shifting clearfix" id="zh-top-inner">
        <a href="/" class="zu-top-link-logo" id="zh-top-link-logo" data-za-c="view_home" data-za-a="visit_home"
           data-za-l="top_navigation_zhihu_logo">知乎</a>
        <div class="top-nav-profile">
            <a href="/people/yu-tian-ran" class="zu-top-nav-userinfo "> <span class="name">余天然</span> <img
                    class="Avatar" src="https://pic2.zhimg.com/866d71111_s.jpg"
                    srcset="https://pic2.zhimg.com/866d71111_xs.jpg 2x" alt="余天然"> <span id="zh-top-nav-new-pm"
                                                                                         class="zg-noti-number zu-top-nav-pm-count"
                                                                                         style="visibility:visible"
                                                                                         data-count="5"> 5 </span> </a>
            <ul class="top-nav-dropdown" id="top-nav-profile-dropdown">
                <li><a href="/people/yu-tian-ran"> <i class="zg-icon zg-icon-dd-home"></i>我的主页 </a></li>
                <li><a href="/inbox"> <i class="zg-icon zg-icon-dd-pm"></i>私信 <span id="zh-top-nav-pm-count"
                                                                                    class="zu-top-nav-pm-count zg-noti-number"
                                                                                    style="visibility:visible"
                                                                                    data-count="5"> 5 </span> </a></li>
                <li><a href="/settings"> <i class="zg-icon zg-icon-dd-settings"></i>设置 </a></li>
                <li><a href="/logout"> <i class="zg-icon zg-icon-dd-logout"></i>退出 </a></li>
            </ul>
        </div>
        <button class="zu-top-add-question" id="zu-top-add-question">提问</button>
        <div role="search" id="zh-top-search" class="zu-top-search">
            <form method="GET" action="/search" id="zh-top-search-form" class="zu-top-search-form">
                <input type="hidden" name="type" value="content">
                <label for="q" class="hide-text">知乎搜索</label>
                <input type="text" class="zu-top-search-input" id="q" name="q" autocomplete="off" value=""
                       maxlength="100" placeholder="搜索你感兴趣的内容…">
                <button type="submit" class="zu-top-search-button"><span class="hide-text">搜索</span><span
                        class="sprite-global-icon-magnifier-dark"></span></button>
            </form>
        </div>
        <div id="zg-top-nav" class="zu-top-nav">
            <ul class="zu-top-nav-ul zg-clear">
                <li class="zu-top-nav-li " id="zh-top-nav-home"><a class="zu-top-nav-link" href="/"
                                                                   id="zh-top-link-home" data-za-c="view_home"
                                                                   data-za-a="visit_home"
                                                                   data-za-l="top_navigation_home">首页</a></li>
                <li class="top-nav-topic-selector zu-top-nav-li " id="zh-top-nav-topic"><a class="zu-top-nav-link"
                                                                                           href="/topic"
                                                                                           id="top-nav-dd-topic">话题</a>
                </li>
                <li class="zu-top-nav-li " id="zh-top-nav-explore"><a class="zu-top-nav-link" href="/explore">发现</a>
                </li>
                <li class="top-nav-noti zu-top-nav-li "><a class="zu-top-nav-link" href="/notifications"
                                                           id="zh-top-nav-count-wrap" role="button"><span
                        class="mobi-arrow"></span>消息</a></li>
            </ul>
            <div class="zu-top-nav-live zu-noti7-popup zg-r5px no-hovercard" id="zh-top-nav-live-new" role="popup"
                 tabindex="0">
                <div class="zu-top-nav-live-inner zg-r5px">
                    <div class="zu-top-live-icon">
                        &nbsp;
                    </div>
                    <div class="zu-home-noti-inner" id="zh-top-nav-live-new-inner">
                        <div class="zm-noti7-popup-tab-container clearfix" tabindex="0">
                            <button class="zm-noti7-popup-tab-item message"><span class="icon">消息</span></button>
                            <button class="zm-noti7-popup-tab-item user"><span class="icon">用户</span></button>
                            <button class="zm-noti7-popup-tab-item thanks"><span class="icon">赞同和感谢</span></button>
                        </div>
                    </div>
                    <div class="zm-noti7-frame-border top"></div>
                    <div class="zm-noti7-frame">
                        <div class="zm-noti7-content message">
                            <div class="zm-noti7-content-inner">
                                <div class="zm-noti7-content-body">
                                    <div class="zm-noti7-popup-loading">
                                        <span class="noti-spinner-loading"></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="zm-noti7-content user" style="display:none;">
                            <div class="zm-noti7-content-inner">
                                <div class="zm-noti7-content-body">
                                    <div class="zm-noti7-popup-loading">
                                        <span class="noti-spinner-loading"></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="zm-noti7-content thanks" style="display:none;">
                            <div class="zm-noti7-content-inner">
                                <div class="zm-noti7-content-body">
                                    <div class="zm-noti7-popup-loading">
                                        <span class="noti-spinner-loading"></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="zm-noti7-frame-border bottom"></div>
                    <div class="zm-noti7-popup-footer">
                        <a href="/notifications" class="zm-noti7-popup-footer-all zg-right">查看全部 »</a>
                        <a href="/settings/notification" class="zm-noti7-popup-footer-set" title="通知设置"><i
                                class="zg-icon zg-icon-settings"></i></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="zu-global-notify" id="zh-global-message" style="display:none">
    <div class="zg-wrap">
        <div class="zu-global-nitify-inner">
            <a class="zu-global-notify-close" href="javascript:;" title="关闭" name="close">x</a>
            <span class="zu-global-notify-icon"></span>
            <span class="zu-global-notify-msg"></span>
        </div>
    </div>
</div>
<div class="zg-wrap zu-main clearfix " role="main">
    <div class="zu-main-content">
        <div class="zu-main-content-inner">
            <div class="zg-section-title">
                <div style="margin-bottom: 5px;">
                    <a href="/collections" data-za-c="collection" data-za-l="collection_collections"
                       data-za-a="visit_collections">«&nbsp;去我的收藏</a>
                </div>
                <div style="margin:0 0 8px 0" id="zh-list-title">
                    <h2 class="zm-item-title zm-editable-content" id="zh-fav-head-title"><i data-tooltip="s$t$私密收藏夹"
                                                                                            class="icon icon-lock"></i>
                        收藏 </h2>
                </div>
                <div class="zg-section" style="margin-bottom: 5px;" id="zh-list-desc">
                    <div class="zm-editable-content" id="zh-fav-head-description"></div>
                    <div class="zm-editable-content" id="zh-fav-head-description-source" style="display:none;"></div>
                </div>
                <div class="zm-item-meta" id="zh-list-meta-wrap">
                    <div class="zm-item-meta-actions">
                        <a href="#" name="addcomment" class="toggle-comment"> <i class="z-icon-comment"></i>添加评论</a>
                        <span class="zg-bull">•</span>
                        <a href="javascript:;" name="edit">编辑</a>
                        <span class="zg-bull">•</span>
                        <a href="javascript:;" name="remove">删除</a>
                    </div>
                </div>
            </div>
            <div id="zh-list-collection-wrap" style="margin-bottom: 10px;">
                <div class="zm-item" data-type="Answer">
                    <h2 class="zm-item-title"><a target="_blank" href="/question/24381646">Evernote
                        作为一款笔记工具，其编辑功能是否及格？</a></h2>
                    <div class="zm-item-fav">
                        <div tabindex="-1" class="zm-item-answer " itemscope itemtype="http://schema.org/Answer"
                             data-aid="6389323" data-atoken="27627568" data-collapsed="0" data-created="1404612898"
                             data-deleted="0" data-isowner="0" data-helpful="True" data-copyable="1" data-zop>
                            <link itemprop="url" href="/question/24381646/answer/27627568">
                            <meta itemprop="answer-id" content="6389323">
                            <meta itemprop="answer-url-token" content="27627568">
                            <a class="zg-anchor-hidden" name="answer-6389323"></a>
                            <div class="zm-item-vote">
                                <a class="zm-item-vote-count js-expand js-vote-count" href="javascript:;"
                                   data-bind-votecount>4</a>
                            </div>
                            <div class="zm-votebar">
                                <button class="up "><i class="icon vote-arrow"></i> <span class="count">4</span> <span
                                        class="label sr-only">赞同</span></button>
                                <button class="down "><i class="icon vote-arrow"></i> <span
                                        class="label sr-only">反对</span></button>
                            </div>
                            <div class="answer-head">
                                <div class="zm-item-answer-author-info">
                                    <span class="summary-wrapper"> <span class="author-link-line"> <a
                                            class="author-link" data-hovercard="p$t$ericake" target="_blank"
                                            href="/people/ericake">余知兮</a></span><span title="Evernote 重度用户"
                                                                                       class="bio"> Evernote 重度用户 </span> </span>
                                </div>
                                <div class="zm-item-vote-info" data-votecount="4" data-async-voters="1">
                                    <span class="voters text"><a href="#" class="more text"><span
                                            class="js-voteCount">4</span>&nbsp;人赞同</a></span>
                                </div>
                            </div>
                            <div class="zm-item-rich-text expandable js-collapse-body" data-resourceid="1934500"
                                 data-action="/answer/content" data-author-name="余知兮"
                                 data-entry-url="/question/24381646/answer/27627568">
                                <textarea hidden class="content">想到这几个替代解决方案给你参考：&lt;br&gt;&lt;ol&gt;&lt;li&gt;复制后使用粘贴快捷键 Ctrl+Shift+V 粘贴为文本格式；&lt;/li&gt;&lt;li&gt;选择文字，顶部菜单栏 格式---格式简单化&lt;/li&gt;&lt;li&gt;Markdown可以用第三方编辑器 &lt;a href="https://www.zhihu.com/question/20086835" class="internal"&gt;有哪些 Markdown 编辑器支持保存到印象笔记 Evernote？ - 软件&lt;/a&gt;&lt;/li&gt;&lt;li&gt;List级别，用Tab键就好了，还有Shift+Enter换行；&lt;/li&gt;&lt;/ol&gt;</textarea>
                                <div class="zh-summary summary clearfix">
                                    想到这几个替代解决方案给你参考： 复制后使用粘贴快捷键 Ctrl+Shift+V 粘贴为文本格式；选择文字，顶部菜单栏
                                    格式---格式简单化Markdown可以用第三方编辑器
                                    <a href="https://www.zhihu.com/question/20086835" class="internal">有哪些 Markdown
                                        编辑器支持保存到印象笔记 Evernote？ - 软件</a>List级别，用Tab键就好了，还有Shi…
                                    <a href="/question/24381646/answer/27627568" class="toggle-expand">显示全部</a>
                                </div>
                                <p class="visible-expanded"><a itemprop="url" class="answer-date-link meta-item"
                                                               data-tooltip="s$t$发布于 2014-07-06" target="_blank"
                                                               href="/question/24381646/answer/27627568">编辑于
                                    2017-02-08</a></p>
                            </div>
                            <div class="zm-item-meta answer-actions clearfix js-contentActions">
                                <div class="zm-meta-panel">
                                    <a data-follow="q:link" class="follow-link zg-unfollow meta-item"
                                       href="javascript:;" id="sfb-1934500"><i class="z-icon-follow"></i>取消关注</a>
                                    <a href="#" name="addcomment" class="meta-item toggle-comment js-toggleCommentBox">
                                        <i class="z-icon-comment"></i>1 条评论</a>
                                    <a href="#" class="meta-item zu-autohide js-thank" data-thanked="false"><i
                                            class="z-icon-thank"></i>感谢</a>
                                    <a href="#" class="meta-item zu-autohide js-share"><i
                                            class="z-icon-share"></i>分享</a>
                                    <a href="#" class="meta-item zu-autohide js-collect"><i class="z-icon-collect"></i>收藏</a>
                                    <span class="zg-bull zu-autohide">•</span>
                                    <a href="#" class="meta-item zu-autohide js-noHelp">没有帮助</a>
                                    <span class="zg-bull zu-autohide">•</span>
                                    <a href="#" class="meta-item zu-autohide js-report">举报</a>
                                    <meta name="copyrightStatus" content="1">
                                    <meta name="disableCopyAvatar" content="">
                                    <span class="zg-bull">•</span>
                                    <a href="/terms#sec-licence-1" target="_blank" class="meta-item copyright">
                                        作者保留权利 </a>
                                    <button class="meta-item item-collapse js-collapse"><i class="z-icon-fold"></i>收起
                                    </button>
                                </div>
                            </div>
                        </div>
                        <div class="zm-item-meta-extra">
                            <a href="javascript:;" class="zg-unfollow" data-type="a" id="f-6389323-74426223"
                               name="unfavo">取消收藏</a>
                        </div>
                    </div>
                </div>
                <div class="zm-item" data-type="Answer">
                    <h2 class="zm-item-title"><a target="_blank" href="/question/49117104">chrome有什么好的书签管理插件？</a></h2>
                    <div class="zm-item-fav">
                        <div tabindex="-1" class="zm-item-answer " itemscope itemtype="http://schema.org/Answer"
                             data-aid="104082148" data-atoken="407066463" data-collapsed="0" data-created="1527853758"
                             data-deleted="0" data-isowner="0" data-helpful="True" data-copyable="1" data-zop>
                            <link itemprop="url" href="/question/49117104/answer/407066463">
                            <meta itemprop="answer-id" content="104082148">
                            <meta itemprop="answer-url-token" content="407066463">
                            <a class="zg-anchor-hidden" name="answer-104082148"></a>
                            <div class="zm-item-vote">
                                <a class="zm-item-vote-count js-expand js-vote-count" href="javascript:;"
                                   data-bind-votecount>8</a>
                            </div>
                            <div class="zm-votebar">
                                <button class="up "><i class="icon vote-arrow"></i> <span class="count">8</span> <span
                                        class="label sr-only">赞同</span></button>
                                <button class="down "><i class="icon vote-arrow"></i> <span
                                        class="label sr-only">反对</span></button>
                            </div>
                            <div class="answer-head">
                                <div class="zm-item-answer-author-info">
                                    <span class="summary-wrapper"> <span class="author-link-line"> <a
                                            class="author-link" data-hovercard="p$t$yiqie-de-yiqie-9" target="_blank"
                                            href="/people/yiqie-de-yiqie-9">大城小梦</a></span><span title="程序员"
                                                                                                 class="bio"> 程序员 </span> </span>
                                </div>
                                <div class="zm-item-vote-info" data-votecount="8" data-async-voters="1">
                                    <span class="voters text"><a href="#" class="more text"><span
                                            class="js-voteCount">8</span>&nbsp;人赞同</a></span>
                                </div>
                            </div>
                            <div class="zm-item-rich-text expandable js-collapse-body" data-resourceid="11862721"
                                 data-action="/answer/content" data-author-name="大城小梦"
                                 data-entry-url="/question/49117104/answer/407066463">
                                <textarea hidden class="content">&lt;p&gt;强烈推荐一款，非常好看，&lt;b&gt;Bookmark Sidebar&lt;/b&gt;&lt;/p&gt;&lt;p&gt;其他浏览器和插件书签在它面前都黯然失色。&lt;/p&gt;&lt;figure&gt;&lt;img src="https://pic1.zhimg.com/50/v2-fd7cb594e8c0c335cf29ae5a5958756c_b.jpg" data-caption="" data-size="normal" data-rawwidth="546" data-rawheight="705" data-default-watermark-src="https://pic4.zhimg.com/50/v2-ee99f8a793e43ec26ff35b516ccea382_b.jpg" class="origin_image zh-lightbox-thumb" width="546" data-original="https://pic1.zhimg.com/50/v2-fd7cb594e8c0c335cf29ae5a5958756c_r.jpg"&gt;&lt;/figure&gt;&lt;p&gt;支持搜索排序&lt;/p&gt;&lt;figure&gt;&lt;img src="https://pic4.zhimg.com/50/v2-b8bf82602610ec8ed1dc1029d865d94d_b.jpg" data-caption="" data-size="normal" data-rawwidth="377" data-rawheight="228" data-default-watermark-src="https://pic4.zhimg.com/50/v2-4e4b762cb2c8892bd0348e5801fbe98a_b.jpg" class="content_image" width="377"&gt;&lt;/figure&gt;&lt;p&gt;可以设置自定义，颜色、大小、行高&lt;/p&gt;&lt;figure&gt;&lt;img src="https://pic1.zhimg.com/50/v2-d89013bae44800907a25d7ca2b023d36_b.jpg" data-caption="" data-size="normal" data-rawwidth="1889" data-rawheight="941" data-default-watermark-src="https://pic4.zhimg.com/50/v2-4de986d634be3851136e3890a966399d_b.jpg" class="origin_image zh-lightbox-thumb" width="1889" data-original="https://pic1.zhimg.com/50/v2-d89013bae44800907a25d7ca2b023d36_r.jpg"&gt;&lt;/figure&gt;&lt;p&gt;图标显示方式&lt;/p&gt;&lt;figure&gt;&lt;img src="https://pic2.zhimg.com/50/v2-648e47d3de2f84aa7c487747cf888186_b.jpg" data-caption="" data-size="normal" data-rawwidth="225" data-rawheight="238" data-default-watermark-src="https://pic3.zhimg.com/50/v2-a71aa0244620c3577be7586f4458b172_b.jpg" class="content_image" width="225"&gt;&lt;/figure&gt;&lt;p&gt;语言、左侧还是右侧出现、出现方式(点击、滑动)，真的很好用&lt;/p&gt;&lt;p&gt;附上链接：&lt;a href="//link.zhihu.com/?target=https%3A//chrome.google.com/webstore/detail/bookmark-sidebar/jdbnofccmhefkmjbkkdkfiicjkgofkdh%3Fhl%3Dzh-CN" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;Bookmark Sidebar&lt;/a&gt;&lt;/p&gt;</textarea>
                                <div class="zh-summary summary clearfix">
                                    <img src="https://pic2.zhimg.com/50/v2-16107becafa8caa03170af11ae337488_200x112.jpg"
                                         data-caption="" data-size="normal" data-rawwidth="546" data-rawheight="705"
                                         data-watermark="watermark"
                                         data-original-src="v2-16107becafa8caa03170af11ae337488"
                                         data-watermark-src="v2-fd7cb594e8c0c335cf29ae5a5958756c"
                                         data-private-watermark-src="v2-ee99f8a793e43ec26ff35b516ccea382"
                                         class="origin_image inline-img zh-lightbox-thumb"
                                         data-original="https://pic2.zhimg.com/50/v2-16107becafa8caa03170af11ae337488_r.jpg">
                                    强烈推荐一款，非常好看，
                                    <b>Bookmark Sidebar</b>其他浏览器和插件书签在它面前都黯然失色。支持搜索排序可以设置自定义，颜色、大小、行高图标显示方式语言、左侧还是右侧出现、出现方式(点击、滑动)，真的很好用附上链接：
                                    <a href="//link.zhihu.com/?target=https%3A//chrome.google.com/webstore/detail/bookmark-sidebar/jdbnofccmhefkmjbkkdkfiicjkgofkdh%3Fhl%3Dzh-CN"
                                       class=" wrap external" target="_blank" rel="nofollow noreferrer">Bookmark
                                        Sidebar</a>
                                    <a href="/question/49117104/answer/407066463" class="toggle-expand">显示全部</a>
                                </div>
                                <p class="visible-expanded"><a itemprop="url" class="answer-date-link meta-item"
                                                               target="_blank"
                                                               href="/question/49117104/answer/407066463">发布于
                                    2018-06-01</a></p>
                            </div>
                            <div class="zm-item-meta answer-actions clearfix js-contentActions">
                                <div class="zm-meta-panel">
                                    <a data-follow="q:link" class="follow-link zg-unfollow meta-item"
                                       href="javascript:;" id="sfb-11862721"><i class="z-icon-follow"></i>取消关注</a>
                                    <a href="#" name="addcomment" class="meta-item toggle-comment js-toggleCommentBox">
                                        <i class="z-icon-comment"></i>5 条评论</a>
                                    <a href="#" class="meta-item zu-autohide js-thank" data-thanked="false"><i
                                            class="z-icon-thank"></i>感谢</a>
                                    <a href="#" class="meta-item zu-autohide js-share"><i
                                            class="z-icon-share"></i>分享</a>
                                    <a href="#" class="meta-item zu-autohide js-collect"><i class="z-icon-collect"></i>收藏</a>
                                    <span class="zg-bull zu-autohide">•</span>
                                    <a href="#" class="meta-item zu-autohide js-noHelp">没有帮助</a>
                                    <span class="zg-bull zu-autohide">•</span>
                                    <a href="#" class="meta-item zu-autohide js-report">举报</a>
                                    <meta name="copyrightStatus" content="1">
                                    <meta name="disableCopyAvatar" content="">
                                    <span class="zg-bull">•</span>
                                    <a href="/terms#sec-licence-1" target="_blank" class="meta-item copyright">
                                        作者保留权利 </a>
                                    <button class="meta-item item-collapse js-collapse"><i class="z-icon-fold"></i>收起
                                    </button>
                                </div>
                            </div>
                        </div>
                        <div class="zm-item-meta-extra">
                            <a href="javascript:;" class="zg-unfollow" data-type="a" id="f-104082148-74426223"
                               name="unfavo">取消收藏</a>
                        </div>
                    </div>
                </div>
                <div class="zm-item" data-type="Answer">
                    <h2 class="zm-item-title"><a target="_blank" href="/question/41101031">Android自定义控件，你们是如何系统学习的？</a>
                    </h2>
                    <div class="zm-item-fav">
                        <div tabindex="-1" class="zm-item-answer " itemscope itemtype="http://schema.org/Answer"
                             data-aid="41439682" data-atoken="114896437" data-collapsed="0" data-created="1470276694"
                             data-deleted="0" data-isowner="0" data-helpful="True" data-copyable="0" data-zop>
                            <link itemprop="url" href="/question/41101031/answer/114896437">
                            <meta itemprop="answer-id" content="41439682">
                            <meta itemprop="answer-url-token" content="114896437">
                            <a class="zg-anchor-hidden" name="answer-41439682"></a>
                            <div class="zm-item-vote">
                                <a class="zm-item-vote-count js-expand js-vote-count" href="javascript:;"
                                   data-bind-votecount>539</a>
                            </div>
                            <div class="zm-votebar">
                                <button class="up "><i class="icon vote-arrow"></i> <span class="count">539</span> <span
                                        class="label sr-only">赞同</span></button>
                                <button class="down "><i class="icon vote-arrow"></i> <span
                                        class="label sr-only">反对</span></button>
                            </div>
                            <div class="answer-head">
                                <div class="zm-item-answer-author-info">
                                    <span class="summary-wrapper"> <span class="author-link-line"> <a
                                            class="author-link" data-hovercard="p$t$GcsSloop" target="_blank"
                                            href="/people/GcsSloop">GcsSloop</a></span><span title="立志成为段子手的安卓开发者"
                                                                                             class="bio"> 立志成为段子手的安卓开发者 </span> </span>
                                </div>
                                <div class="zm-item-vote-info" data-votecount="539" data-async-voters="1">
                                    <span class="voters text"><a href="#" class="more text"><span class="js-voteCount">539</span>&nbsp;人赞同</a></span>
                                </div>
                            </div>
                            <div class="zm-item-rich-text expandable js-collapse-body" data-resourceid="8647711"
                                 data-action="/answer/content" data-author-name="GcsSloop"
                                 data-entry-url="/question/41101031/answer/114896437">
          <textarea hidden class="content">&lt;p&gt;刚好你需要，刚好我又有，多么美妙的事情，研究了自定义View一段时间，也总结了部分心得，如果能帮助到大家那就再好不过了。&lt;/p&gt;&lt;p&gt;自定义View说起来貌似是一个非常简单的概念，但做起来就会发现需要了解的东西非常多，不是看几篇文章就能说自己完全掌握的，最好的学习方法就是先了解自定义View的基本逻辑，然后通过不断的练习来补充不足的知识。&lt;/p&gt;&lt;figure&gt;&lt;img src="https://pic4.zhimg.com/50/632812245f34a2f8ec1315ef645f0194_b.jpg" alt="img" class="content_image"&gt;&lt;/figure&gt;&lt;p&gt;&lt;strong&gt;&lt;a href="//link.zhihu.com/?target=http%3A//www.gcssloop.com/customview/CustomViewIndex/" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;安卓自定义View教程目录&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;
基础篇
&lt;ul&gt;&lt;li&gt;&lt;a href="//link.zhihu.com/?target=http%3A//www.gcssloop.com/customview/CoordinateSystem" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;安卓自定义View基础 - 坐标系&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="//link.zhihu.com/?target=http%3A//www.gcssloop.com/customview/AngleAndRadian" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;安卓自定义View基础 - 角度弧度&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="//link.zhihu.com/?target=http%3A//www.gcssloop.com/customview/Color" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;安卓自定义View基础 - 颜色&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;进阶篇
&lt;ul&gt;&lt;li&gt;&lt;a href="//link.zhihu.com/?target=http%3A//www.gcssloop.com/customview/CustomViewProcess" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;安卓自定义View进阶 - 分类和流程&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="//link.zhihu.com/?target=http%3A//www.gcssloop.com/customview/Canvas_BasicGraphics" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;安卓自定义View进阶 - Canvas之绘制图形&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="//link.zhihu.com/?target=http%3A//www.gcssloop.com/customview/Canvas_Convert" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;安卓自定义View进阶 - Canvas之画布操作&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="//link.zhihu.com/?target=http%3A//www.gcssloop.com/customview/Canvas_PictureText" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;安卓自定义View进阶 - Canvas之图片文字&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="//link.zhihu.com/?target=http%3A//www.gcssloop.com/customview/Path_Basic" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;安卓自定义View进阶 - Path之基本操作&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="//link.zhihu.com/?target=http%3A//www.gcssloop.com/customview/Path_Bezier" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;安卓自定义View进阶 - Path之贝塞尔曲线&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="//link.zhihu.com/?target=http%3A//www.gcssloop.com/customview/Path_Over" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;安卓自定义View进阶 - Path完结篇&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="//link.zhihu.com/?target=http%3A//www.gcssloop.com/customview/Path_PathMeasure" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;安卓自定义View进阶 - PathMeasure&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="//link.zhihu.com/?target=http%3A//www.gcssloop.com/customview/Matrix_Basic" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;安卓自定义View进阶 - Matrix原理&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="//link.zhihu.com/?target=http%3A//www.gcssloop.com/customview/Matrix_Method" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;安卓自定义View进阶 - Matrix详解&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="//link.zhihu.com/?target=http%3A//www.gcssloop.com/customview/matrix-3d-camera" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;安卓自定义View进阶 - Matrix Camera&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="//link.zhihu.com/?target=http%3A//www.gcssloop.com/customview/dispatch-touchevent-theory" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;安卓自定义View进阶 - 事件分发机制原理&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="//link.zhihu.com/?target=http%3A//www.gcssloop.com/customview/dispatch-touchevent-source" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;安卓自定义View进阶 - 事件分发机制详解&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="//link.zhihu.com/?target=http%3A//www.gcssloop.com/customview/motionevent" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;安卓自定义View进阶 - MotionEvent详解&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="//link.zhihu.com/?target=http%3A//www.gcssloop.com/customview/touch-matrix-region" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;安卓自定义View进阶 - 特殊控件的事件处理方案&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;上述文章由易到难的讲解自定义VIew涉及到到知识点，相信看完这些文章之后基本就能搞定大部分的自定义View了。&lt;/p&gt;&lt;figure&gt;&lt;img src="https://pic4.zhimg.com/50/632812245f34a2f8ec1315ef645f0194_b.jpg" alt="img" class="content_image"&gt;&lt;/figure&gt;&lt;p&gt;添加一张图，进阶篇开篇的内容，自定义View绘制流程函数调用链(简化版)。&lt;/p&gt;&lt;figure&gt;&lt;img src="https://pic2.zhimg.com/50/b6014c0c4ded87613bbc9ff34b08d88b_b.jpg" alt="" class="content_image"&gt;&lt;/figure&gt;&lt;p&gt;文章目前仍在更新中，如果你觉得我的文章有错误或者纰漏，欢迎指正，另外，如果你觉得有用的话，点个赞呗。&lt;/p&gt;&lt;br&gt;​</textarea>
                                <div class="zh-summary summary clearfix">
                                    刚好你需要，刚好我又有，多么美妙的事情，研究了自定义View一段时间，也总结了部分心得，如果能帮助到大家那就再好不过了。自定义View说起来貌似是一个非常简单的概念，但做起来就会发现需要了解的东西非常多，不是看几篇文章就能说自己完全掌握的，最好的…
                                    <a href="/question/41101031/answer/114896437" class="toggle-expand">显示全部</a>
                                </div>
                                <p class="visible-expanded"><a itemprop="url" class="answer-date-link meta-item"
                                                               data-tooltip="s$t$发布于 2016-08-04" target="_blank"
                                                               href="/question/41101031/answer/114896437">编辑于
                                    2016-11-25</a></p>
                            </div>
                            <div class="zm-item-meta answer-actions clearfix js-contentActions">
                                <div class="zm-meta-panel">
                                    <a data-follow="q:link" class="follow-link zg-unfollow meta-item"
                                       href="javascript:;" id="sfb-8647711"><i class="z-icon-follow"></i>取消关注</a>
                                    <a href="#" name="addcomment" class="meta-item toggle-comment js-toggleCommentBox">
                                        <i class="z-icon-comment"></i>74 条评论</a>
                                    <a href="#" class="meta-item zu-autohide js-thank" data-thanked="false"><i
                                            class="z-icon-thank"></i>感谢</a>
                                    <a href="#" class="meta-item zu-autohide js-share"><i
                                            class="z-icon-share"></i>分享</a>
                                    <a href="#" class="meta-item zu-autohide js-collect"><i class="z-icon-collect"></i>收藏</a>
                                    <span class="zg-bull zu-autohide">•</span>
                                    <a href="#" class="meta-item zu-autohide js-noHelp">没有帮助</a>
                                    <span class="zg-bull zu-autohide">•</span>
                                    <a href="#" class="meta-item zu-autohide js-report">举报</a>
                                    <meta name="copyrightStatus" content="0">
                                    <meta name="disableCopyAvatar"
                                          content="https://pic2.zhimg.com/d5ad527263afc066580546f8d183b568_s.jpg">
                                    <span class="zg-bull">•</span>
                                    <a href="/terms#sec-licence-6" target="_blank" class="meta-item copyright">禁止转载</a>
                                    <button class="meta-item item-collapse js-collapse"><i class="z-icon-fold"></i>收起
                                    </button>
                                </div>
                            </div>
                        </div>
                        <div class="zm-item-meta-extra">
                            <a href="javascript:;" class="zg-unfollow" data-type="a" id="f-41439682-74426223"
                               name="unfavo">取消收藏</a>
                        </div>
                    </div>
                </div>
                <div class="zm-item" data-type="Answer">
                    <h2 class="zm-item-title"><a target="_blank" href="/question/41101031">Android自定义控件，你们是如何系统学习的？</a>
                    </h2>
                    <div class="zm-item-fav">
                        <div tabindex="-1" class="zm-item-answer " itemscope itemtype="http://schema.org/Answer"
                             data-aid="31399664" data-atoken="89908704" data-collapsed="0" data-created="1457501626"
                             data-deleted="0" data-isowner="0" data-helpful="True" data-copyable="1" data-zop>
                            <link itemprop="url" href="/question/41101031/answer/89908704">
                            <meta itemprop="answer-id" content="31399664">
                            <meta itemprop="answer-url-token" content="89908704">
                            <a class="zg-anchor-hidden" name="answer-31399664"></a>
                            <div class="zm-item-vote">
                                <a class="zm-item-vote-count js-expand js-vote-count" href="javascript:;"
                                   data-bind-votecount>159</a>
                            </div>
                            <div class="zm-votebar">
                                <button class="up "><i class="icon vote-arrow"></i> <span class="count">159</span> <span
                                        class="label sr-only">赞同</span></button>
                                <button class="down "><i class="icon vote-arrow"></i> <span
                                        class="label sr-only">反对</span></button>
                            </div>
                            <div class="answer-head">
                                <div class="zm-item-answer-author-info">
                                    <span class="summary-wrapper"> <span class="author-link-line"> <a
                                            class="author-link" data-hovercard="p$t$tian-weishu" target="_blank"
                                            href="/people/tian-weishu">weishu</a><span
                                            class="icon icon-badge-best_answerer icon-badge"
                                            data-tooltip="s$b$优秀回答者"></span></span><span class="badge-summary"><a
                                            href="/people/tian-weishu#hilightbadge"
                                            target="_blank">Android 开发话题优秀回答者</a></span> <span
                                            title="You deserve a better life."
                                            class="bio"> You deserve a better … </span> </span>
                                </div>
                                <div class="zm-item-vote-info" data-votecount="159" data-async-voters="1">
                                    <span class="voters text"><a href="#" class="more text"><span class="js-voteCount">159</span>&nbsp;人赞同</a></span>
                                </div>
                            </div>
                            <div class="zm-item-rich-text expandable js-collapse-body" data-resourceid="8647711"
                                 data-action="/answer/content" data-author-name="weishu"
                                 data-entry-url="/question/41101031/answer/89908704">
          <textarea hidden class="content">谢邀。书是要看的，但是看完了书没什么卵用——你依然对自定义View感觉朦朦胧胧，该如何下手？嗯，答案比较长，想要捷径可以直接看最后面。&lt;br&gt;&lt;br&gt;纸上得来终觉浅，绝知此事要躬行。（我这里并不是真的说看书没用，而是强调自定义View这种没有办法纸上谈兵）&lt;br&gt;&lt;br&gt;大概说下思路：&lt;br&gt;&lt;br&gt;&lt;b&gt;首先，为什么需要自定义View？&lt;/b&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;1. 现有的View满足不了你的需求，也没有办法从已有控件派生一个出来；界面元素需要自己绘制。&lt;br&gt;2. 现有View可以满足要求，把它做成自定义View只是为了抽象：为这个自定义View提供若干方法，方便调用着操纵View。通常做法是派生一个已有View，或者结合xml文件直接inflate。&lt;br&gt;&lt;br&gt;目前常用的基本上是第二种方式，这种方式非常简单，与通常的View使用方法基本相同，但是作用却异常强大，拥有了这一层抽象，代码更加整洁也更容易维护，通过抽取自定义View的公共操作方法也减少了冗余代码，虽然简单，但不可忽视。&lt;br&gt;&lt;br&gt;大多数人感觉神秘的应该是第一种，自绘控件，完全自定义；但其实这两种方式归根结底全部都是自绘；不信你去看看TextView的源码。只不过通常情况下系统帮我们绘制好了一些控件给开发者使用；OK，接下来就是一个问题。&lt;br&gt;&lt;br&gt;在讲述之前我还是啰嗦地重申一下，复用已有View是最最常用也最有效的自定义View方式，必须熟练使用。&lt;br&gt;&lt;br&gt;&lt;b&gt;其次，如何自定义View？&lt;/b&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;想一下，一个View给用户最直观的感知是什么？&lt;b&gt;静止的形态&lt;/b&gt;和&lt;b&gt;动态的操作&lt;/b&gt;。静止的形态意思就是一个View呈现到用户眼里长成啥样子？动态操作指的是，用户与View之间可以有哪些交互？点击滑动View的不同地方会有什么反应？&lt;br&gt;&lt;br&gt;&lt;b&gt;1. 静态&lt;/b&gt;&lt;br&gt;&lt;br&gt;如果一个自定义View的样式都没有办法绘制出来，那么后续的交互就是空谈了；我们一步步分解这个问题。&lt;br&gt;&lt;br&gt;1.1 你的自定义View分为哪几个部分？是所有的部分都需要手动绘制还是只有一部分——找出需要完全自定义的部分，其他的部分用已有View实现。&lt;br&gt;&lt;br&gt;1.2 你的自定义View的每个部分长成什么样，占用多大空间——结合理论知识&lt;b&gt;View的measure&lt;/b&gt;过程，比如match_parent, wrap_content结合父View的laout_params参数最终测量大小是多少？&lt;br&gt;&lt;br&gt;1.3 你的自定义View每个部分摆放在哪？相对位置如何？——View的layout过程。&lt;br&gt;&lt;br&gt;1.4 你的自定义View那些完全需要手动绘制的部分是什么样，如何绘制？&lt;br&gt;&lt;br&gt;你得&lt;b&gt;学会操纵Canvas，学会2D绘图&lt;/b&gt;，什么？你跟我说3D，OpenGL？学会这些再说。&lt;br&gt;&lt;br&gt;这是我之前整理的Android 2D绘图的基本要素，直接看官方文档和ApiDemos就能理解了。&lt;br&gt;&lt;br&gt;&lt;div class="highlight"&gt;&lt;pre&gt;&lt;code class="language-text"&gt;2D绘图基本要素
Canvas
Paint
Bitmap,BitmapFactory,BitmapRegionDecoder,ImageFormat,Movie,NinePatch

过度模式
Xfermode 主要子类 PoterDuffXfermode

过滤
RGB过滤 ColorFilter的三个子类 ColorMatrixFilter, PoterDuffColorFilter, LightingColorFilter
alpha过滤 MaskFilter的两个实现类 BlurMaskFiler, EmbossMaskFilter
DrawFilter的实现 PaintFlagsDrawFilter

变换
Matrix
Camera
ColorMAtrix

渐变
Shader的五个实现 BitmapShader, LinearGradient, SweepGradient, RadialGradient, ComposeShader

路径
Path
PathEffect
PathMeasure
Rasterizer

区域
Region

Drawable系列
BitmapDrawable，ShapeDrawable，LayerDrawable等等
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;br&gt;&lt;p&gt;这些API这么多，你没有必要一个个看完，心中有个大概每个能做什么就行；然后我举个简单的例子：&lt;/p&gt;&lt;br&gt;&lt;p&gt;当时有一个webview界面要做一个loading动画，不是进度条也不是点点点的那种，而是一个小人在跑步，很常见吧。一般的情况下弄一个帧动画就完事了，但是这里有个很蛋疼的事情：我们发现在有的手机上面，这个loading比一般的时候长，而且基本都是高端机，没有loading秒开，有了loading要等好几秒。原因很明显，罪魁祸首在这个loading，动画的执行是在主线程的，而webview的一些事件调度也是在主线程的，很有可能是这个动画阻碍了这个webview某些事件的执行，从而导致加载变慢。最终决定用SurfaceView解决：你不是不想在主线程刷新界面么，好，我单独给你开个线程专门执行动画；这个SurfaceView只给了你一个Canvas怎么办？每隔16ms draw一下界面，然后用Canvas.drawBitmap把小人画上去，然后隔一定的时机绘制下一个小人形态；这个自定义View就搞定了。最终loading流畅无比，完美解决问题。这就是一个非常简单的自定义View，没有处理layout，wrap_content等各种问题，但是你应该能感受到，自定义View不是什么神秘的事情。&lt;/p&gt;&lt;br&gt;&lt;p&gt;&lt;b&gt;2. 动态&lt;/b&gt;&lt;/p&gt;&lt;br&gt;&lt;p&gt;假设你的自定View写好了，那么用户点击和滑动的时候会发生什么？如何处理点击事件和滑动事件？嵌套ScrollView会不会卡？喂猫点击某个View没反应？为什么在listView里面放button和imageView点击反应有区别？&lt;/p&gt;&lt;br&gt;&lt;p&gt;这些问题归根结底，是View事件传递的问题；所以你得学习&lt;b&gt;Android View的事件分发机制&lt;/b&gt;，相关教程网上非常之多，《艺术探索》和《群英传》都有讲，不赘述。&lt;/p&gt;&lt;br&gt;&lt;p&gt;另外，可能有一些View还有动画，这就是另外一个话题了；酷炫的动画也是一个漂亮的App必不可少的内容，篇幅所限，略。&lt;/p&gt;&lt;br&gt;&lt;p&gt;最后，我依然想强调一点：&lt;/p&gt;&lt;br&gt;&lt;p&gt;&lt;b&gt;最重要的是自己动手！&lt;/b&gt;&lt;br&gt;&lt;/p&gt;&lt;p&gt;&lt;b&gt;最重要的是自己动手！&lt;/b&gt;&lt;br&gt;&lt;/p&gt;&lt;br&gt;&lt;p&gt;你就算把我列的那些东西全学完了，书全看完了，API和ApiDemos也全都看过了；自己不真正写一个出来那就是扯淡，也浪费我扯这么多的时间。&lt;/p&gt;</textarea>
                                <div class="zh-summary summary clearfix">
                                    谢邀。书是要看的，但是看完了书没什么卵用——你依然对自定义View感觉朦朦胧胧，该如何下手？嗯，答案比较长，想要捷径可以直接看最后面。
                                    纸上得来终觉浅，绝知此事要躬行。（我这里并不是真的说看书没用，而是强调自定义View这种没有办法纸上谈兵） 大概…
                                    <a href="/question/41101031/answer/89908704" class="toggle-expand">显示全部</a>
                                </div>
                                <p class="visible-expanded"><a itemprop="url" class="answer-date-link meta-item"
                                                               data-tooltip="s$t$发布于 2016-03-09" target="_blank"
                                                               href="/question/41101031/answer/89908704">编辑于
                                    2016-03-09</a></p>
                            </div>
                            <div class="zm-item-meta answer-actions clearfix js-contentActions">
                                <div class="zm-meta-panel">
                                    <a data-follow="q:link" class="follow-link zg-unfollow meta-item"
                                       href="javascript:;" id="sfb-8647711"><i class="z-icon-follow"></i>取消关注</a>
                                    <a href="#" name="addcomment" class="meta-item toggle-comment js-toggleCommentBox">
                                        <i class="z-icon-comment"></i>7 条评论</a>
                                    <a href="#" class="meta-item zu-autohide js-thank" data-thanked="false"><i
                                            class="z-icon-thank"></i>感谢</a>
                                    <a href="#" class="meta-item zu-autohide js-share"><i
                                            class="z-icon-share"></i>分享</a>
                                    <a href="#" class="meta-item zu-autohide js-collect"><i class="z-icon-collect"></i>收藏</a>
                                    <span class="zg-bull zu-autohide">•</span>
                                    <a href="#" class="meta-item zu-autohide js-noHelp">没有帮助</a>
                                    <span class="zg-bull zu-autohide">•</span>
                                    <a href="#" class="meta-item zu-autohide js-report">举报</a>
                                    <meta name="copyrightStatus" content="1">
                                    <meta name="disableCopyAvatar" content="">
                                    <span class="zg-bull">•</span>
                                    <a href="/terms#sec-licence-1" target="_blank" class="meta-item copyright">
                                        作者保留权利 </a>
                                    <button class="meta-item item-collapse js-collapse"><i class="z-icon-fold"></i>收起
                                    </button>
                                </div>
                            </div>
                        </div>
                        <div class="zm-item-meta-extra">
                            <a href="javascript:;" class="zg-unfollow" data-type="a" id="f-31399664-74426223"
                               name="unfavo">取消收藏</a>
                        </div>
                    </div>
                </div>
                <div class="zm-item" data-type="Answer">
                    <h2 class="zm-item-title"><a target="_blank" href="/question/19555712">有哪些个人知识管理工具值得推荐？你是如何运用的？</a>
                    </h2>
                    <div class="zm-item-fav">
                        <div tabindex="-1" class="zm-item-answer " itemscope itemtype="http://schema.org/Answer"
                             data-aid="75053072" data-atoken="247404649" data-collapsed="0" data-created="1508487425"
                             data-deleted="0" data-isowner="0" data-helpful="True" data-copyable="1" data-zop>
                            <link itemprop="url" href="/question/19555712/answer/247404649">
                            <meta itemprop="answer-id" content="75053072">
                            <meta itemprop="answer-url-token" content="247404649">
                            <a class="zg-anchor-hidden" name="answer-75053072"></a>
                            <div class="zm-item-vote">
                                <a class="zm-item-vote-count js-expand js-vote-count" href="javascript:;"
                                   data-bind-votecount>13</a>
                            </div>
                            <div class="zm-votebar">
                                <button class="up "><i class="icon vote-arrow"></i> <span class="count">13</span> <span
                                        class="label sr-only">赞同</span></button>
                                <button class="down "><i class="icon vote-arrow"></i> <span
                                        class="label sr-only">反对</span></button>
                            </div>
                            <div class="answer-head">
                                <div class="zm-item-answer-author-info">
                                    <span class="summary-wrapper"> <span class="author-link-line"> <a
                                            class="author-link" data-hovercard="p$t$shao-shu-pai-46" target="_blank"
                                            href="/org/shao-shu-pai-46">少数派</a><span
                                            class="OrgIcon sprite-global-icon-org-14"
                                            data-tooltip="s$b$已认证的官方帐号"></span></span><span class="badge-summary">已认证的官方帐号</span> <span
                                            title="帮你找到最好用的 App" class="bio"> 帮你找到最好用的 App </span> </span>
                                </div>
                                <div class="zm-item-vote-info" data-votecount="13" data-async-voters="1">
                                    <span class="voters text"><a href="#" class="more text"><span class="js-voteCount">13</span>&nbsp;人赞同</a></span>
                                </div>
                            </div>
                            <div class="zm-item-rich-text expandable js-collapse-body" data-resourceid="2224"
                                 data-action="/answer/content" data-author-name="少数派"
                                 data-entry-url="/question/19555712/answer/247404649">
                                <textarea hidden class="content">&lt;p&gt;在浏览大量资讯的过程，大家有可能遇到这样的使用场景:&lt;br&gt;&lt;/p&gt;&lt;ul&gt;&lt;li&gt;如何保存网页的文章内容；&lt;/li&gt;&lt;li&gt;希望可以即时对保存下来的内容进行标注；&lt;/li&gt;&lt;li&gt;文章太长了，我想迟点再精读，或者想转移到手机端阅读；&lt;/li&gt;&lt;li&gt;手上有 Kindle 设备，希望将长文章转移到电子阅读设备上再阅读；&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;我个人在信息收集、资讯阅读上也都会碰到上面这些问题。在这篇文章里，我将向大家推荐一些实用的网页内容（书签）收集、管理的工具利器。&lt;/p&gt;&lt;h2&gt;收集工具&lt;/h2&gt;&lt;h2&gt;&lt;a href="//link.zhihu.com/?target=https%3A//sspai.com/app/Pocket" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;Pocket&lt;/a&gt; &amp;amp; &lt;a href="//link.zhihu.com/?target=https%3A//sspai.com/app/Instapaper" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;Instapaper&lt;/a&gt;&lt;/h2&gt;&lt;figure&gt;&lt;img src="https://pic1.zhimg.com/50/v2-3bf93e69bb5c6f5b85a3731b767fd0d5_b.jpg" data-caption="" data-rawwidth="800" data-rawheight="250" class="origin_image zh-lightbox-thumb" width="800" data-original="https://pic1.zhimg.com/50/v2-3bf93e69bb5c6f5b85a3731b767fd0d5_r.jpg"&gt;&lt;/figure&gt;&lt;p&gt;这两款工具面世之后，「活生生」地创造了一个使用场景：Read It Later 稍后读。&lt;a href="//link.zhihu.com/?target=https%3A//getpocket.com/" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;Pocket&lt;/a&gt; 和 &lt;a href="//link.zhihu.com/?target=https%3A//www.instapaper.com/" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;Instapaper&lt;/a&gt; 常常被大家拉在一起进行比较选择，两款成熟的工具都值得推荐给追求稳定、有跨平台需求、看重文章阅读体验的用户。&lt;/p&gt;&lt;figure&gt;&lt;img src="https://pic2.zhimg.com/50/v2-9ac037b5b454762cf0ff50fbb2de1ee7_b.jpg" data-caption="" data-rawwidth="700" data-rawheight="237" class="origin_image zh-lightbox-thumb" width="700" data-original="https://pic2.zhimg.com/50/v2-9ac037b5b454762cf0ff50fbb2de1ee7_r.jpg"&gt;&lt;/figure&gt;&lt;p&gt;&lt;b&gt;Pocket&lt;/b&gt; 支持主流的 &lt;a href="//link.zhihu.com/?target=https%3A//itunes.apple.com/app/read-it-later-pro/id309601447" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;iOS&lt;/a&gt;、&lt;a href="//link.zhihu.com/?target=https%3A//play.google.com/store/apps/details%3Fid%3Dcom.ideashower.readitlater.pro" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;Android&lt;/a&gt;、&lt;a href="//link.zhihu.com/?target=https%3A//itunes.apple.com/app/pocket/id568494494" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;macOS&lt;/a&gt;，浏览器插件支持 Firefox(2017 年 2 月，Pocket 被 Mozilla 收购)、&lt;a href="//link.zhihu.com/?target=https%3A//chrome.google.com/webstore/detail/niloccemoadcdkdjlinkgdfekeahmflj" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;Chrome&lt;/a&gt;、&lt;a href="//link.zhihu.com/?target=https%3A//safari-extensions.apple.com/details/%3Fid%3Dcom.ideashower.pocket.safari-ET279A6R5N" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;Safari&lt;/a&gt;、&lt;a href="//link.zhihu.com/?target=https%3A//addons.opera.com/en/extensions/details/pocket-formerly-read-it-later/" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;Opera&lt;/a&gt;、Bookmarklets，古老的 Blackberry、Windows Phone 平台也有第三方 Apps 支持，可以说 Pocket 是内容搜集工具中支持平台较为全面的应用。Pocket 在阅读上也有不错的体验，可调节的阅读设置包括了衬线体、字体大小，阅读条目背景色。另一特色是 2015 年 8 月发布的 v6.0 版本中集成了推荐功能，由于仅涉及英文语境的推荐内容，对于中文用户吸引力并不是很强。&lt;/p&gt;&lt;figure&gt;&lt;img src="https://pic3.zhimg.com/50/v2-8e63140df870c35a10d0c98f74d4bcf7_b.jpg" data-caption="" data-rawwidth="700" data-rawheight="300" class="origin_image zh-lightbox-thumb" width="700" data-original="https://pic3.zhimg.com/50/v2-8e63140df870c35a10d0c98f74d4bcf7_r.jpg"&gt;&lt;/figure&gt;&lt;p&gt;&lt;b&gt;Instapaper&lt;/b&gt; 并不像 Pocket 那样「变态般」支持各种平台，目前支持 &lt;a href="//link.zhihu.com/?target=https%3A//itunes.apple.com/us/app/instapaper/id288545208" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;iOS&lt;/a&gt;、&lt;a href="//link.zhihu.com/?target=https%3A//play.google.com/store/apps/details%3Fid%3Dcom.instapaper.android" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;Android&lt;/a&gt;、&lt;a href="//link.zhihu.com/?target=https%3A//www.instapaper.com/user" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;Kindle&lt;/a&gt;、Bookmarklets。我个人也曾经分享一篇名为「&lt;a href="//link.zhihu.com/?target=https%3A//sspai.com/post/37010" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;围绕 Instapaper 打造阅读流程&lt;/a&gt;」，Instapaper 在阅读体验上有着很不错的表现，包括条目管理页面智能分析了阅读文章需要的大概市场、阅读版面控制（提供四种字体、字体大小、边栏宽度控制、阅读背景色）、离线保存本地方式（Kindle、ePub、Printable、RSS Feed）。Instapaper 用户可以再文章内容的某些字段通过划线标颜色的方式进行简单标注，隐私方面竟然也提供了 Delete Account 删除帐户选项。&lt;/p&gt;&lt;p&gt;Pocket 和 Instapaper 最大的区别在于（个人观点）条目管理方式。Pocket 使用了标签化管理（一篇文章可添加多个标签）。在点入某个标签的情况，Pocket 默认展示了未读条目，可通过标签旁边的下拉选项切换至添加到收藏夹、存档列表。Instapaper 则采用了文件夹的管理方式，每个文件夹都会直接显示出全部阅读条目（并不区分未读和已读）。&lt;/p&gt;&lt;ul&gt;&lt;li&gt;&lt;a href="//link.zhihu.com/?target=https%3A//sspai.com/post/28556" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;这才是我想要的文章管理方式：稍后读 Pocket 功能详解&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="//link.zhihu.com/?target=https%3A//sspai.com/post/28611" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;谈谈稍后读：Instapaper 可能被忽略的功能&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="//link.zhihu.com/?target=https%3A//sspai.com/post/31047" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;新希望还是大结局 — Instapaper 全免费&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;h2&gt;&lt;a href="//link.zhihu.com/?target=https%3A//sspai.com/app/%25E6%2594%25B6%25E8%25B6%25A3%2520-%2520%25E4%25BC%259A%25E6%259C%2597%25E8%25AF%25BB%25E7%259A%2584%25E4%25BA%2591%25E6%2594%25B6%25E8%2597%258F%25E5%25A4%25B9" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;收趣&lt;/a&gt;&lt;/h2&gt;&lt;figure&gt;&lt;img src="https://pic4.zhimg.com/50/v2-0f4d1203e337b14b27e1923c8e3d3ca5_b.jpg" data-caption="" data-rawwidth="700" data-rawheight="300" class="origin_image zh-lightbox-thumb" width="700" data-original="https://pic4.zhimg.com/50/v2-0f4d1203e337b14b27e1923c8e3d3ca5_r.jpg"&gt;&lt;/figure&gt;&lt;p&gt;国产稍后读的代表之一&lt;a href="//link.zhihu.com/?target=https%3A//shouqu.me/" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;收趣&lt;/a&gt;（之前名字叫收趣云书签），提供了 &lt;a href="//link.zhihu.com/?target=https%3A//itunes.apple.com/cn/app/shou-qu-yun-shu-qian-sui-pian/id1072254626" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;iOS&lt;/a&gt;、&lt;a href="//link.zhihu.com/?target=https%3A//coolapk.com/apk/com.shouqu.bookmarklife" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;Android&lt;/a&gt;、&lt;a href="//link.zhihu.com/?target=https%3A//chrome.google.com/webstore/detail/shouqu/ofmcnfnfchmhlchdifeobmjjhmkijpnf" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;Chrome&lt;/a&gt;、&lt;a href="//link.zhihu.com/?target=http%3A//shouqu.me/extensions/shouqu.1.3.0.xpi" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;Firefox&lt;/a&gt;、&lt;a href="//link.zhihu.com/?target=http%3A//shouqu.me/extensions/shouqu.1.2.2.safariextz" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;Safari&lt;/a&gt;、Bookmarklets。收趣可按照分类或者阅读状态对保存条目进行管理，提供了从 Pocket 同步到应用本身的入口，方便用户数据迁移。收趣的特色功能在于移动端丰富的收藏方式，包括账号绑定转发到微信、微博@保存到收趣、系统分享、复制链接。&lt;/p&gt;&lt;p&gt;不过吐槽的是，收趣 Web 平台并不存储文章内容本身，类似是升级版的书签管理器，用户需要跳转至网页本身来阅读保存的文章内容。而移动客户端支持无需文章跳转阅读、语音朗读、热门收藏排行榜、关注趣友的社交功能，另外，其导出备份功能仅对收趣会员开放。&lt;/p&gt;&lt;ul&gt;&lt;li&gt;&lt;a href="//link.zhihu.com/?target=https%3A//sspai.com/post/36700" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;稍后阅读有新姿势，整理信息的又一种便利方式#收趣云书签&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;h2&gt;Pinboard&lt;/h2&gt;&lt;figure&gt;&lt;img src="https://pic4.zhimg.com/50/v2-6db51fb016f3148a34957ac0023ff70d_b.jpg" data-caption="" data-rawwidth="1077" data-rawheight="443" class="origin_image zh-lightbox-thumb" width="1077" data-original="https://pic4.zhimg.com/50/v2-6db51fb016f3148a34957ac0023ff70d_r.jpg"&gt;&lt;/figure&gt;&lt;p&gt;由于本人从未使用过 &lt;a href="//link.zhihu.com/?target=https%3A//pinboard.in/" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;Pinboard&lt;/a&gt;，所以应用的功能介绍来源于官网和少楠分享文「&lt;a href="//link.zhihu.com/?target=https%3A//sspai.com/post/38532" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;互联网匠人作品：「反社交」的书签服务 Pinboard.in&lt;/a&gt;」。&lt;/p&gt;&lt;p&gt;Pinboard 收费 11 刀/年，支持主流浏览器插件、主流手机平台 16 款客户端，以及 9 个桌面客户端，并且为开发者提供了 6 种编程语言接口。Pinboard 支持 RSS 输出，任意格式的导入和导出，帮助用户把浏览器书签、Twitter 账户，或者 Instapaper/Pocket 等流行服务同步。Pinboard 提供了全文存档服务，可以保存你书签里面的所有内容，并自动检查死链。这样即使保存书签的来源丢失，用户依旧可以访问。&lt;/p&gt;&lt;ul&gt;&lt;li&gt;&lt;a href="//link.zhihu.com/?target=https%3A//sspai.com/post/38532" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;互联网匠人作品：「反社交」的书签服务 Pinboard.in&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;h2&gt;Send to Kindle&lt;/h2&gt;&lt;figure&gt;&lt;img src="https://pic2.zhimg.com/50/v2-38c86d00a5827f363f0ec64215e0ff4d_b.jpg" data-caption="" data-rawwidth="711" data-rawheight="321" class="origin_image zh-lightbox-thumb" width="711" data-original="https://pic2.zhimg.com/50/v2-38c86d00a5827f363f0ec64215e0ff4d_r.jpg"&gt;&lt;/figure&gt;&lt;p&gt;如果用户手上有 Kindle 设备，可以尝试 Amazon 出品的收集小工具 &lt;a href="//link.zhihu.com/?target=https%3A//www.amazon.com/gp/sendtokindle" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;Send to Kindle&lt;/a&gt;，支持 &lt;a href="//link.zhihu.com/?target=https%3A//www.amazon.com/gp/sendtokindle/mac" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;macOS&lt;/a&gt;、&lt;a href="//link.zhihu.com/?target=https%3A//www.amazon.com/gp/sendtokindle/pc" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;Windows&lt;/a&gt;、&lt;a href="//link.zhihu.com/?target=https%3A//www.amazon.com/gp/sendtokindle/android" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;Android&lt;/a&gt;、&lt;a href="//link.zhihu.com/?target=https%3A//chrome.google.com/webstore/detail/send-to-kindle-for-google/cgdjpilhipecahhcilnafpblkieebhea" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;Chrome&lt;/a&gt;、&lt;a href="//link.zhihu.com/?target=https%3A//addons.mozilla.org/en-US/firefox/addon/sendtokindle" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;Firefox&lt;/a&gt;。以 Chrome 版本为例，Send to Kindle 插件提供了发送、预览功能，支持将任何网页内容快速发送至后台绑定的 Kindle 设备账号，用户可以通过 Kindle 设备和 Kindle App 即可随时阅读保存内容。Send to Kindle 很好解决了通过 Kindle 设备阅读，。比较遗憾的是，Send to Kindle 支持的平台版本有很多都没有持续更新，Chrome 版本最新更新时间是 2015 年 9 月。&lt;/p&gt;&lt;ul&gt;&lt;li&gt;&lt;a href="//link.zhihu.com/?target=https%3A//sspai.com/post/40333" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;如何更好地使用 Kindle&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;h2&gt;简悦&lt;/h2&gt;&lt;figure&gt;&lt;img src="https://pic1.zhimg.com/50/v2-f71574964dc4b49c4d4317f5fde865fa_b.jpg" data-caption="" data-rawwidth="700" data-rawheight="142" class="origin_image zh-lightbox-thumb" width="700" data-original="https://pic1.zhimg.com/50/v2-f71574964dc4b49c4d4317f5fde865fa_r.jpg"&gt;&lt;/figure&gt;&lt;p&gt;9 月 4 日，&lt;a href="//link.zhihu.com/?target=http%3A//ksria.com/simpread/" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;简悦&lt;/a&gt;经历了十六个版本迭代之后， v1.0.3 版本正式发布，终于有了一款可以替代 Clearly（2015 年 12 月已宣布停止开发） 的 Chrome 插件。新版简悦支持导出到各大生产力，解决了优化网页阅读体验之后的存储问题。目前用户可将剪辑内容导出到本地（PDF、PNG 文件）、Pocket、Linnk、Dropbox、Onenote、Google Drive、印象笔记 / Evernote 以及 Kindle 设备。&lt;/p&gt;&lt;ul&gt;&lt;li&gt;&lt;a href="//link.zhihu.com/?target=https%3A//sspai.com/post/40754" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;简悦 1.0.3，让你离知识再近一步&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;h2&gt;浏览器阅读列表&lt;/h2&gt;&lt;p&gt;如果不喜欢额外安装应用 Apps 或者浏览器插件，那么推荐给这些用户使用部分浏览器本身内部集成的功能，目前包括 Safari、Firefox、Microsoft Edge 集成这一功能。以 Firefox for Android 版本为例，Firefox 将自动识别网页文章是否支持阅读模式，如果支持的话会在地址栏出现书本的标志，点击进入阅读模式，Firefox 支持背景颜色、字体大小、衬线体的调节选项，显示阅读时长。大家将文章保存为书签后，切换到移动书签页面，可以看到阅读列表的选项，实现了保存列表同步、离线保存的功能。&lt;/p&gt;&lt;figure&gt;&lt;img src="https://pic4.zhimg.com/50/v2-48539ae3b91a96a56fa84bcead3a8302_b.jpg" data-caption="" data-rawwidth="877" data-rawheight="514" class="origin_image zh-lightbox-thumb" width="877" data-original="https://pic4.zhimg.com/50/v2-48539ae3b91a96a56fa84bcead3a8302_r.jpg"&gt;&lt;/figure&gt;&lt;p&gt;浏览器集成的阅读列表功能，更多是扮演了「临时工」的角色，方便不喜欢安装任何应用的用户，保存下来的文章只能通过浏览器自身平台来同步。&lt;/p&gt;&lt;ul&gt;&lt;li&gt;&lt;a href="//link.zhihu.com/?target=https%3A//sspai.com/post/26657" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;iOS 基础教程： 系统自带的稍后读，Safari 「阅读列表」使用指南&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;h2&gt;标注利器&lt;/h2&gt;&lt;p&gt;上面介绍了几款便利的文章收集工具，如果用户希望在收集工具中边阅读边做好标注工作的话，下面收罗了三款实用工具。&lt;/p&gt;&lt;h2&gt;&lt;a href="//link.zhihu.com/?target=https%3A//sspai.com/app/LINER%2520-%2520%25E7%2594%25B5%25E5%25AD%2590%25E8%258D%25A7%25E5%2585%2589%25E7%25AC%2594" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;Liner&lt;/a&gt;&lt;/h2&gt;&lt;blockquote&gt;Read, Highlight, and Share&lt;/blockquote&gt;&lt;figure&gt;&lt;img src="https://pic4.zhimg.com/50/v2-f1a7d3f4be73ff55623f768009c30ad6_b.jpg" data-caption="" data-rawwidth="711" data-rawheight="341" class="origin_image zh-lightbox-thumb" width="711" data-original="https://pic4.zhimg.com/50/v2-f1a7d3f4be73ff55623f768009c30ad6_r.jpg"&gt;&lt;/figure&gt;&lt;p&gt;上面是 &lt;a href="//link.zhihu.com/?target=https%3A//getliner.com/" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;Liner&lt;/a&gt; 官方给出的三个关键词。Liner 支持 &lt;a href="//link.zhihu.com/?target=https%3A//chrome.google.com/webstore/detail/liner-private-webpdf-high/bmhcbmnbenmcecpmpepghooflbehcack" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;Chrome&lt;/a&gt;、&lt;a href="//link.zhihu.com/?target=http%3A//getliner.com/download/safari/" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;Safari&lt;/a&gt;、&lt;a href="//link.zhihu.com/?target=https%3A//itunes.apple.com/app/appName/id955395198%3F" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;iOS&lt;/a&gt;。Liner 提供了友好的中文化界面，安装好浏览器插件后，通过快捷键可对网页内容直接进行在线标注和评论，。Liner 还支持将用户生成好的标注网页以超链接方式发送分享给好友，或者输出到 Evernote、OneNote、Googl Drive、TXT File、Email。除了标注功能之外，Liner 可以与 Pocket、Instapaper 同步，以及支持标注上传 PDF 文件。Liner 高级版（4.99 美元/月、49.99 美元/年）支持更多标注颜色、高级搜索、无限数量文件夹管理。&lt;/p&gt;&lt;ul&gt;&lt;li&gt;&lt;a href="//link.zhihu.com/?target=https%3A//sspai.com/post/38798" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;LINER，让你能对网页内容方便地「划重点」&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;h2&gt;OneNote Web Clipper&lt;/h2&gt;&lt;figure&gt;&lt;img src="https://pic2.zhimg.com/50/v2-7d4729234b0debd38e8fab6a5310354a_b.jpg" data-caption="" data-rawwidth="716" data-rawheight="499" class="origin_image zh-lightbox-thumb" width="716" data-original="https://pic2.zhimg.com/50/v2-7d4729234b0debd38e8fab6a5310354a_r.jpg"&gt;&lt;/figure&gt;&lt;p&gt;微软 OneNote 定位更偏向于快速的笔记记录，不过它提供的浏览器插件 OneNote Web Clipper &lt;a href="//link.zhihu.com/?target=https%3A//chrome.google.com/webstore/detail/onenote-web-clipper/gojbdfnpnhogfdgjbigejoaolejmgdhk" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;Chrome&lt;/a&gt; 、&lt;a href="//link.zhihu.com/?target=https%3A//addons.mozilla.org/en-US/firefox/addon/onenote-clipper/" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;Firefox&lt;/a&gt; 版本适合快速保存网页内容，以整页、区域、文章、书签共四种方式保存网页内容，可以剪辑的内容还包括了在线或本地 PDF 文件、网页上的任意图像、YouTube 或 Vimeo 视频。插件本身提供了标注功能，方便直接在剪辑内容上实现划线标注的操作。由于关联了 OneNote 应用，所以可以随时在&lt;a href="//link.zhihu.com/?target=https%3A//www.onenote.com/" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;各大平台&lt;/a&gt;上方便阅读保存内容。&lt;/p&gt;&lt;h2&gt;&lt;a href="//link.zhihu.com/?target=https%3A//sspai.com/app/lumio%2520-%2520Highlight%2520what%2520matters" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;Lumioapp&lt;/a&gt;&lt;/h2&gt;&lt;blockquote&gt;highlight what matters&lt;/blockquote&gt;&lt;figure&gt;&lt;img src="https://pic3.zhimg.com/50/v2-1a1f87c241f2be1cff959621b92523b4_b.jpg" data-caption="" data-rawwidth="640" data-rawheight="400" class="origin_image zh-lightbox-thumb" width="640" data-original="https://pic3.zhimg.com/50/v2-1a1f87c241f2be1cff959621b92523b4_r.jpg"&gt;&lt;/figure&gt;&lt;p&gt;Lumioapp 号称随意标注你喜欢的任何内容，应用支持 &lt;a href="//link.zhihu.com/?target=https%3A//chrome.google.com/webstore/detail/lumio-highlight-what-matt/hgomdfbclcjpeecbjckbbojbmmjegpek" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;Chrome&lt;/a&gt;、&lt;a href="//link.zhihu.com/?target=https%3A//itunes.apple.com/us/app/lumio-reader-highlights-images-pdf-bookmarks/id1238047029" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;iOS&lt;/a&gt;。Lumioapp 会对网页中的图像、视频、PDF 内容自动识别并提示可单独保存下来，通过 Facebook、Twitter、Email 或者复制链接的方式分享给好友，在保存网页内容之后还可以单独添加 note 私人笔记内容。Lumioapp 以卡片或者收藏夹的条目整理方式，提供 Open in reader 的阅读器来单独阅读保存内容。官方表示未来会支持 Android、Safari、Firefox、Edge 平台。&lt;/p&gt;&lt;h2&gt;自动化和集中管理工具&lt;/h2&gt;&lt;p&gt;在面对各种各样的资讯阅读工具，除了使用上面提到的保存、标注工具，对内容进行剪辑、标注、保存之外，如何解决 rss 、稍后读阅读工具的内容自动化输出，下面推荐三款工具正好解决了整个问题。&lt;/p&gt;&lt;h2&gt;&lt;a href="//link.zhihu.com/?target=https%3A//sspai.com/app/wallabag" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;Wallabag&lt;/a&gt;&lt;/h2&gt;&lt;figure&gt;&lt;img src="https://pic3.zhimg.com/50/v2-a418970a88ea65534e6656c620aed6ca_b.jpg" data-caption="" data-rawwidth="700" data-rawheight="335" class="origin_image zh-lightbox-thumb" width="700" data-original="https://pic3.zhimg.com/50/v2-a418970a88ea65534e6656c620aed6ca_r.jpg"&gt;&lt;/figure&gt;&lt;p&gt;Wallabag 支持 &lt;a href="//link.zhihu.com/?target=https%3A//addons.mozilla.org/zh-CN/firefox/addon/wallabagger/" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;Firefox&lt;/a&gt;、&lt;a href="//link.zhihu.com/?target=https%3A//chrome.google.com/webstore/detail/wallabagger/gbmgphmejlcoihgedabhgjdkcahacjlj" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;Chrome&lt;/a&gt;、&lt;a href="//link.zhihu.com/?target=https%3A//addons.opera.com/en/extensions/details/wallabagger/%3Fdisplay%3Den" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;Opera&lt;/a&gt;、&lt;a href="//link.zhihu.com/?target=https%3A//play.google.com/store/apps/details%3Fid%3Dfr.gaulupeau.apps.InThePoche" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;Android&lt;/a&gt;、&lt;a href="//link.zhihu.com/?target=https%3A//itunes.apple.com/app/wallabag-2/id1170800946%3Fmt%3D8" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;iOS&lt;/a&gt;、&lt;a href="//link.zhihu.com/?target=https%3A//www.microsoft.com/store/apps/wallabag/9nblggh11646" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;Windows Phone&lt;/a&gt;，除了具备常规的文章剪辑保存的功能外，亮点还在于支持 Pocket、Readability、Instapaper、Pinboard，以及导入 Firefox、Chrome 浏览器的书签，集中管理各类的阅读条目。&lt;/p&gt;&lt;h2&gt;&lt;a href="//link.zhihu.com/?target=https%3A//sspai.com/app/IFTTT" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;IFTTT&lt;/a&gt;&lt;/h2&gt;&lt;figure&gt;&lt;img src="https://pic4.zhimg.com/50/v2-0055e482950a65e41daadf7ddd9daabd_b.jpg" data-caption="" data-rawwidth="700" data-rawheight="357" class="origin_image zh-lightbox-thumb" width="700" data-original="https://pic4.zhimg.com/50/v2-0055e482950a65e41daadf7ddd9daabd_r.jpg"&gt;&lt;/figure&gt;&lt;p&gt;自动化工具的代表之一 &lt;a href="//link.zhihu.com/?target=https%3A//ifttt.com/" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;IFTTT&lt;/a&gt; 方便将 Pocket、Instapaper、Pinboard 等稍后读应用自动化实现保存到笔记应用、发送 Email、云存储、分享至各大社交平台，极大减少了用户操作的步骤。推荐大家前往 &lt;a href="//link.zhihu.com/?target=https%3A//ifttt.com/search/query/Bookmarking" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;IFTTT Bookmarking&lt;/a&gt; 分类页面，即可看到各种好玩的连接小程序。&lt;/p&gt;&lt;ul&gt;&lt;li&gt;&lt;a href="//link.zhihu.com/?target=https%3A//sspai.com/post/39258" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;王掌柜带你玩转 Zapier - Zapier vs. IFTTT&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;h2&gt;&lt;a href="//link.zhihu.com/?target=https%3A//sspai.com/app/Workflow" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;Workflow&lt;/a&gt;&lt;/h2&gt;&lt;figure&gt;&lt;img src="https://pic2.zhimg.com/50/v2-3906545c79b5a7758a8e2fe3b43030be_b.jpg" data-caption="" data-rawwidth="700" data-rawheight="233" class="origin_image zh-lightbox-thumb" width="700" data-original="https://pic2.zhimg.com/50/v2-3906545c79b5a7758a8e2fe3b43030be_r.jpg"&gt;&lt;/figure&gt;&lt;p&gt;提到自动化流程工具怎能不提及今年被苹果收到的 &lt;a href="//link.zhihu.com/?target=https%3A//workflow.is/" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;Workflow&lt;/a&gt;，我 π 已经分享过多篇神级的&lt;a href="//link.zhihu.com/?target=https%3A//sspai.com/post/tag/workflow" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;文章系列&lt;/a&gt;，其中 JailbreakHum 的「&lt;a href="//link.zhihu.com/?target=https%3A//sspai.com/post/38213" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;用 Workflow 按格式批量导出稍候读中的内容&lt;/a&gt;」就是利用了 Workflow 把 Pocket 存储的内容按格式批量导出，方便大家将某个标签文章整理、分享。&lt;/p&gt;&lt;ul&gt;&lt;li&gt;&lt;a href="//link.zhihu.com/?target=http%3A//workflow.sspai.com/%23/main/workflow" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;少数派 Workflow Gallery&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;h2&gt;总结&lt;/h2&gt;&lt;p&gt;回到文章的开始部分，内容保存、管理衍生出了稍后读、剪辑标注的工具，然后 IFTTT、Workflow 又很好地解决了每款工具之间如何实现自动化操作、集中化管理的问题。这篇分享文并没有介绍像 &lt;a href="//link.zhihu.com/?target=http%3A//endnote.com/" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;EndNote&lt;/a&gt;、&lt;a href="//link.zhihu.com/?target=https%3A//www.zotero.org/" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;Zotero&lt;/a&gt;、&lt;a href="//link.zhihu.com/?target=https%3A//www.readcube.com/papers/" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;Papers&lt;/a&gt; 等专业类的文献收集管理工具，同样有诸如 &lt;a href="//link.zhihu.com/?target=https%3A//linnk.net/" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;Linnk&lt;/a&gt;、&lt;a href="//link.zhihu.com/?target=https%3A//raindrop.io/" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;Raindrop.io&lt;/a&gt;、&lt;a href="//link.zhihu.com/?target=https%3A//www.diigo.com/" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;Diigo&lt;/a&gt;、&lt;a href="//link.zhihu.com/?target=https%3A//evernote.com/intl/zh-cn/" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;Evernote&lt;/a&gt;、&lt;a href="//link.zhihu.com/?target=https%3A//www.emailthis.me/" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;Emailthis&lt;/a&gt;、&lt;a href="//link.zhihu.com/?target=https%3A//larder.io/" class=" wrap external" target="_blank" rel="nofollow noreferrer"&gt;Larder&lt;/a&gt; 等等优秀的收集标注应用，希望这篇工具合辑帮助大家做好网页内容剪辑、管理利用，同时欢迎各位在少数派投稿分享更多出色的内容收集整理利器。&lt;/p&gt;</textarea>
                                <div class="zh-summary summary clearfix">
                                    <img src="https://pic1.zhimg.com/50/v2-3bf93e69bb5c6f5b85a3731b767fd0d5_200x112.jpg"
                                         data-caption="" data-rawwidth="800" data-rawheight="250"
                                         class="origin_image inline-img zh-lightbox-thumb"
                                         data-original="https://pic1.zhimg.com/50/v2-3bf93e69bb5c6f5b85a3731b767fd0d5_r.jpg">
                                    在浏览大量资讯的过程，大家有可能遇到这样的使用场景:
                                    如何保存网页的文章内容；希望可以即时对保存下来的内容进行标注；文章太长了，我想迟点再精读，或者想转移到手机端阅读；手上有 Kindle
                                    设备，希望将长文章转移到电子阅读设备上再阅读；我个人在信息…
                                    <a href="/question/19555712/answer/247404649" class="toggle-expand">显示全部</a>
                                </div>
                                <p class="visible-expanded"><a itemprop="url" class="answer-date-link meta-item"
                                                               data-tooltip="s$t$发布于 2017-10-20" target="_blank"
                                                               href="/question/19555712/answer/247404649">编辑于
                                    2017-10-20</a></p>
                            </div>
                            <div class="zm-item-meta answer-actions clearfix js-contentActions">
                                <div class="zm-meta-panel">
                                    <a data-follow="q:link" class="follow-link zg-follow meta-item" href="javascript:;"
                                       id="sfb-2224"><i class="z-icon-follow"></i>关注问题</a>
                                    <a href="#" name="addcomment" class="meta-item toggle-comment js-toggleCommentBox">
                                        <i class="z-icon-comment"></i>3 条评论</a>
                                    <a href="#" class="meta-item zu-autohide js-thank" data-thanked="false"><i
                                            class="z-icon-thank"></i>感谢</a>
                                    <a href="#" class="meta-item zu-autohide js-share"><i
                                            class="z-icon-share"></i>分享</a>
                                    <a href="#" class="meta-item zu-autohide js-collect"><i class="z-icon-collect"></i>收藏</a>
                                    <span class="zg-bull zu-autohide">•</span>
                                    <a href="#" class="meta-item zu-autohide js-noHelp">没有帮助</a>
                                    <span class="zg-bull zu-autohide">•</span>
                                    <a href="#" class="meta-item zu-autohide js-report">举报</a>
                                    <meta name="copyrightStatus" content="1">
                                    <meta name="disableCopyAvatar" content="">
                                    <span class="zg-bull">•</span>
                                    <a href="/terms#sec-licence-1" target="_blank" class="meta-item copyright">
                                        作者保留权利 </a>
                                    <button class="meta-item item-collapse js-collapse"><i class="z-icon-fold"></i>收起
                                    </button>
                                </div>
                            </div>
                        </div>
                        <div class="zm-item-meta-extra">
                            <a href="javascript:;" class="zg-unfollow" data-type="a" id="f-75053072-74426223"
                               name="unfavo">取消收藏</a>
                        </div>
                    </div>
                </div>
                <div class="zm-item" data-type="Answer">
                    <h2 class="zm-item-title"><a target="_blank" href="/question/19555712">有哪些个人知识管理工具值得推荐？你是如何运用的？</a>
                    </h2>
                    <div class="zm-item-fav">
                        <div tabindex="-1" class="zm-item-answer " itemscope itemtype="http://schema.org/Answer"
                             data-aid="17971" data-atoken="12247231" data-collapsed="0" data-created="1299164608"
                             data-deleted="0" data-isowner="0" data-helpful="True" data-copyable="1" data-zop>
                            <link itemprop="url" href="/question/19555712/answer/12247231">
                            <meta itemprop="answer-id" content="17971">
                            <meta itemprop="answer-url-token" content="12247231">
                            <a class="zg-anchor-hidden" name="answer-17971"></a>
                            <div class="zm-item-vote">
                                <a class="zm-item-vote-count js-expand js-vote-count" href="javascript:;"
                                   data-bind-votecount>339</a>
                            </div>
                            <div class="zm-votebar">
                                <button class="up "><i class="icon vote-arrow"></i> <span class="count">339</span> <span
                                        class="label sr-only">赞同</span></button>
                                <button class="down "><i class="icon vote-arrow"></i> <span
                                        class="label sr-only">反对</span></button>
                            </div>
                            <div class="answer-head">
                                <div class="zm-item-answer-author-info">
                                    <span class="summary-wrapper"> <span class="author-link-line"> <a
                                            class="author-link" data-hovercard="p$t$xiaoqiushui" target="_blank"
                                            href="/people/xiaoqiushui">萧秋水</a></span><span title="出版《百问知识管理》"
                                                                                           class="bio"> 出版《百问知识管理》 </span> </span>
                                </div>
                                <div class="zm-item-vote-info" data-votecount="339" data-async-voters="1">
                                    <span class="voters text"><a href="#" class="more text"><span class="js-voteCount">339</span>&nbsp;人赞同</a></span>
                                </div>
                            </div>
                            <div class="zm-item-rich-text expandable js-collapse-body" data-resourceid="2224"
                                 data-action="/answer/content" data-author-name="萧秋水"
                                 data-entry-url="/question/19555712/answer/12247231">
                                <textarea hidden class="content">&lt;b&gt;2011年3月我写的答案是这样：&lt;/b&gt;&lt;br&gt;我的个人知识管理套餐：&lt;br&gt;主要工具：笔记本（主要在公司用）+上网本（在家用或者外出用）+黑莓手机+iTouch3&lt;br&gt;规划、思考和大计划　MindManager（结构化思考）+Personal Brain（有益于全局思考）&lt;br&gt;资料收集和整理　OneNote2007（盛放碎片化资料）+TotalCommander（管理文档）+DropBox（进行同步）+Evernote（手头没OneNote时的碎片信息管理）&lt;br&gt;GTD：Outlook+Jello.Dashboard5+Google日历+Google Calendar Sync&lt;br&gt;关系管理：OneNote2007+文件夹（核心朋友单独设立文件夹，相关资料存放于OneNote）&lt;br&gt;邮件管理：Outlook（工作邮件）+Gmail+QMail（个人邮件）&lt;br&gt;即时通讯：Gtalk+QQ（现在用得越来越少）&lt;br&gt;订阅：鲜果+GR&lt;br&gt;书签管理：Xmarks&lt;br&gt;记录和总结：Twitter+Blog+Edairy+豆瓣　&lt;br&gt;&lt;br&gt;&lt;b&gt;现在是2014年了，更新一下工具列表，从中可以发现时代变迁和个人习惯的变化：&lt;/b&gt;&lt;br&gt;主要工具：笔记本（Mac Air）+ipad3＋iphone5（ios系统）＋三星Note2（安卓系统）&lt;br&gt;规划、思考和大计划　MindManager（结构化思考）+Personal Brain（有益于全局思考）&lt;br&gt;阅读：Kindle、豆瓣阅读、福昕阅读器（ipad）、网易云阅读&lt;br&gt;资料收集和整理：印象笔记（盛放碎片化资料）+微云（或百度云盘）&lt;br&gt;GTD：Google日历+Chrome浏览器插件ToDoList&lt;br&gt;关系管理：印象笔记+文件夹（核心朋友单独设立文件夹）＋微信&lt;br&gt;邮件管理：Gmail+QMail（个人邮件）&lt;br&gt;即时通讯：微信+QQ（现在用得较少）&lt;br&gt;运动记录：Jawbone＋Moves＋足迹（国外用）&lt;br&gt;记录、总结和分享：博客+新浪微博+豆瓣＋微信公众号＋网易云阅读＋知乎专栏　&lt;br&gt;写作：Scrivener&lt;br&gt;旅行：飞常准、百度地图（国内）、Google地图（国外）、booking（订房）、印象笔记（存放旅行资料）&lt;br&gt;&lt;br&gt;我用的比较杂，有些重复的工具，因为我是一个研究者，要研究不同的工具的使用方法 ，在这方面不必效仿。&lt;br&gt;&lt;br&gt;我也同意“知识最后的归宿应是人脑而不是电脑”，但也许，更确切的说法是：知识存放于电脑，智慧存放于人脑。这里面需要有一个“化”的过程，即把知识提升为智慧。脑子是用来做重要的事情的，所以我不会用来记电话号码。 </textarea>
                                <div class="zh-summary summary clearfix">
                                    <b>2011年3月我写的答案是这样：</b> 我的个人知识管理套餐： 主要工具：笔记本（主要在公司用）+上网本（在家用或者外出用）+黑莓手机+iTouch3
                                    规划、思考和大计划 MindManager（结构化思考）+Personal Brain（有益于全局思考） 资料收集和整理 OneNote2007（盛放…
                                    <a href="/question/19555712/answer/12247231" class="toggle-expand">显示全部</a>
                                </div>
                                <p class="visible-expanded"><a itemprop="url" class="answer-date-link meta-item"
                                                               data-tooltip="s$t$发布于 2011-03-03" target="_blank"
                                                               href="/question/19555712/answer/12247231">编辑于
                                    2014-05-24</a></p>
                            </div>
                            <div class="zm-item-meta answer-actions clearfix js-contentActions">
                                <div class="zm-meta-panel">
                                    <a data-follow="q:link" class="follow-link zg-follow meta-item" href="javascript:;"
                                       id="sfb-2224"><i class="z-icon-follow"></i>关注问题</a>
                                    <a href="#" name="addcomment" class="meta-item toggle-comment js-toggleCommentBox">
                                        <i class="z-icon-comment"></i>30 条评论</a>
                                    <a href="#" class="meta-item zu-autohide js-thank" data-thanked="false"><i
                                            class="z-icon-thank"></i>感谢</a>
                                    <a href="#" class="meta-item zu-autohide js-share"><i
                                            class="z-icon-share"></i>分享</a>
                                    <a href="#" class="meta-item zu-autohide js-collect"><i class="z-icon-collect"></i>收藏</a>
                                    <span class="zg-bull zu-autohide">•</span>
                                    <a href="#" class="meta-item zu-autohide js-noHelp">没有帮助</a>
                                    <span class="zg-bull zu-autohide">•</span>
                                    <a href="#" class="meta-item zu-autohide js-report">举报</a>
                                    <meta name="copyrightStatus" content="1">
                                    <meta name="disableCopyAvatar" content="">
                                    <span class="zg-bull">•</span>
                                    <a href="/terms#sec-licence-1" target="_blank" class="meta-item copyright">
                                        作者保留权利 </a>
                                    <button class="meta-item item-collapse js-collapse"><i class="z-icon-fold"></i>收起
                                    </button>
                                </div>
                            </div>
                        </div>
                        <div class="zm-item-meta-extra">
                            <a href="javascript:;" class="zg-unfollow" data-type="a" id="f-17971-74426223"
                               name="unfavo">取消收藏</a>
                        </div>
                    </div>
                </div>
                <div class="zm-item" data-type="Answer">
                    <h2 class="zm-item-title"><a target="_blank" href="/question/23640203">如何排版微信公众平台的文章？</a></h2>
                    <div class="zm-item-fav">
                        <div tabindex="-1" class="zm-item-answer " itemscope itemtype="http://schema.org/Answer"
                             data-aid="98416090" data-atoken="375921114" data-collapsed="0" data-created="1524646937"
                             data-deleted="0" data-isowner="0" data-helpful="True" data-copyable="1" data-zop>
                            <link itemprop="url" href="/question/23640203/answer/375921114">
                            <meta itemprop="answer-id" content="98416090">
                            <meta itemprop="answer-url-token" content="375921114">
                            <a class="zg-anchor-hidden" name="answer-98416090"></a>
                            <div class="zm-item-vote">
                                <a class="zm-item-vote-count js-expand js-vote-count" href="javascript:;"
                                   data-bind-votecount>1632</a>
                            </div>
                            <div class="zm-votebar">
                                <button class="up "><i class="icon vote-arrow"></i> <span class="count">1632</span>
                                    <span class="label sr-only">赞同</span></button>
                                <button class="down "><i class="icon vote-arrow"></i> <span
                                        class="label sr-only">反对</span></button>
                            </div>
                            <div class="answer-head">
                                <div class="zm-item-answer-author-info">
                                    <span class="summary-wrapper"> <span class="author-link-line"> <a
                                            class="author-link" data-hovercard="p$t$yangkunlong" target="_blank"
                                            href="/people/yangkunlong">杨坤龙</a></span><span title="90后新媒体老司机，公众号：坤龙老师"
                                                                                           class="bio"> 90后新媒体老司机，公众号：坤龙老师 </span> </span>
                                </div>
                                <div class="zm-item-vote-info" data-votecount="1632" data-async-voters="1">
                                    <span class="voters text"><a href="#" class="more text"><span class="js-voteCount">1632</span>&nbsp;人赞同</a></span>
                                </div>
                            </div>
                            <div class="zm-item-rich-text expandable js-collapse-body" data-resourceid="1637502"
                                 data-action="/answer/content" data-author-name="杨坤龙"
                                 data-entry-url="/question/23640203/answer/375921114">
                                <textarea hidden class="content">&lt;h2&gt;关于排版&lt;/h2&gt;&lt;p&gt;前段时间我发了条朋友圈：有哪些东西是你一旦知道，生活就从此回不去了的？&lt;/p&gt;&lt;p&gt;审美。&lt;/p&gt;&lt;p&gt;现在无论是微信文章还是其他场景，面对没有排版的文字，我都会瞬间失去阅读兴趣。下面将从文字、留白、图片、引导几部分来写。先来说说排版的作用。&lt;/p&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;h2&gt;001 排版的作用&lt;/h2&gt;&lt;p&gt;首先要明确，排版是为了内容服务。好的排版，一定都是顺应人性的排版。&lt;/p&gt;&lt;p&gt;人天生缺乏耐心，如果没有经过排版处理，冗长的文章会给读者带来很大的信息获取压力。&lt;/p&gt;&lt;p&gt;排版的作用有三点：&lt;/p&gt;&lt;figure&gt;&lt;img src="https://pic4.zhimg.com/50/v2-db47c2a3a9f7e072ce3276a138dc4acb_b.jpg" data-caption="" data-size="normal" data-rawwidth="640" data-rawheight="360" class="origin_image zh-lightbox-thumb" width="640" data-original="https://pic4.zhimg.com/50/v2-db47c2a3a9f7e072ce3276a138dc4acb_r.jpg"&gt;&lt;/figure&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;p&gt;正文排版，包括三部分：&lt;/p&gt;&lt;p&gt;&lt;b&gt;1.文字&lt;/b&gt;：字号、颜色、标点符号、排版规范&lt;br&gt;&lt;b&gt;2.留白&lt;/b&gt;：字间距、行间距、段间距、页边距&lt;br&gt;&lt;b&gt;3.配图&lt;/b&gt;：封面图、配图、GIF&lt;/p&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;h2&gt;002 字号&lt;/h2&gt;&lt;blockquote&gt;•	标题：推荐16px-18px&lt;br&gt;•	正文：推荐14px-16px&lt;br&gt;•	标注：推荐12px-14px&lt;/blockquote&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;h2&gt;003 颜色&lt;/h2&gt;&lt;p&gt;文章中除了图片，正文全部颜色不要超过三种，颜色太多显得杂乱。另外，不要选择饱和度太高的颜色，就是日常所说鲜艳的颜色。&lt;/p&gt;&lt;p&gt;这些颜色看起来比较廉价，因为会对我们的情绪造成影响。&lt;/p&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;p&gt;&lt;b&gt;▍主题色&lt;/b&gt;&lt;/p&gt;&lt;p&gt;一种颜色作为主题色，可以用在标题、重点内容、二维码、头像、顶部和底部的引导等。&lt;/p&gt;&lt;p&gt;&lt;b&gt;▍正文颜色&lt;/b&gt;&lt;/p&gt;&lt;p&gt;一种作为正文颜色，不建议用纯黑（#000000），手机端会比较刺眼，灰色会温和一点。常用的有：#595959、#3f3f3f&lt;/p&gt;&lt;p&gt;&lt;b&gt;▍标注色&lt;/b&gt;&lt;/p&gt;&lt;p&gt;一种作为标注颜色，用作引用内容、注释、声明等。常用的颜色有：#888888、#a5a5a5&lt;/p&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;h2&gt;004 对齐&lt;/h2&gt;&lt;p&gt;对齐方式主要有两种：&lt;b&gt;左对齐、居中。&lt;/b&gt;&lt;/p&gt;&lt;figure&gt;&lt;img src="https://pic4.zhimg.com/50/v2-fc66eabe13bce0f1b2661b16dd6f0476_b.jpg" data-caption="" data-size="normal" data-rawwidth="640" data-rawheight="360" class="origin_image zh-lightbox-thumb" width="640" data-original="https://pic4.zhimg.com/50/v2-fc66eabe13bce0f1b2661b16dd6f0476_r.jpg"&gt;&lt;/figure&gt;&lt;p&gt;&lt;b&gt;▍左对齐&lt;/b&gt;&lt;/p&gt;&lt;p&gt;左对齐型排版，首行不需要缩进。在中文书籍中，因为段落间没有间隙，所以需要用两个字符的缩进加以辨识。但在网页端和手机端，书本式的排版会让读者感到压力，大家改用空行作了段落区分。&lt;/p&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;p&gt;&lt;b&gt;▍两端对齐&lt;/b&gt;&lt;/p&gt;&lt;p&gt;没有了首行缩进之后，文章左侧像刀削斧砍一样工整。与之相对，右侧容易出现锯齿一样粗糙的边缘，英文排版中尤甚。&lt;/p&gt;&lt;figure&gt;&lt;img src="https://pic3.zhimg.com/50/v2-fc4f5e3a27422d37f83c97126f593a9f_b.jpg" data-caption="" data-size="normal" data-rawwidth="640" data-rawheight="755" class="origin_image zh-lightbox-thumb" width="640" data-original="https://pic3.zhimg.com/50/v2-fc4f5e3a27422d37f83c97126f593a9f_r.jpg"&gt;&lt;/figure&gt;&lt;p&gt;针对这种情况，可以在编辑器中，使用两端对齐功能，将右侧也对齐，显得更加精致。&lt;/p&gt;&lt;figure&gt;&lt;img src="https://pic4.zhimg.com/50/v2-5d1233ea18f74ac23817ea70046a7124_b.jpg" data-caption="" data-size="normal" data-rawwidth="640" data-rawheight="753" class="origin_image zh-lightbox-thumb" width="640" data-original="https://pic4.zhimg.com/50/v2-5d1233ea18f74ac23817ea70046a7124_r.jpg"&gt;&lt;/figure&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;p&gt;&lt;b&gt;▍居中&lt;/b&gt;&lt;br&gt;                                                                 居中型排版&lt;br&gt;                                                                 一句话一行&lt;br&gt;                                                                 视觉在中央&lt;br&gt;                                                                     所以呢&lt;br&gt;                                                                 每行不要多&lt;br&gt;                                      否则就像这句话突然让眼球扫一整行好费劲&lt;/p&gt;&lt;p&gt;另外，不同的对齐方式不要混淆在一起。否则就打破了整体上的视觉统一，不够舒适。&lt;/p&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;h2&gt;005 标点符号&lt;/h2&gt;&lt;p&gt;标点的乱用，也会导致排版会乱。一些文字编辑对标点乱用是非常反感的。&lt;/p&gt;&lt;p&gt;我之前在朋友圈看到简书主编一鸣发文章说这个事，整篇文章用的都是咆哮体！一天审稿那么多，可以体会一下他的心情。&lt;/p&gt;&lt;p&gt;中文标点符号应全部使用全角符号，下面举出几个常用的标点符号。&lt;/p&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;p&gt;&lt;b&gt;▍引号&lt;/b&gt;&lt;/p&gt;&lt;p&gt;引号推荐使用直角引号「」，这个符号是「我的最爱」。引号中再用引号使用双直角引号『』。表示讽刺、反讽暗示、强调语气、人物对话时，使用弯引号“ ”。&lt;/p&gt;&lt;p&gt;直角引号可以在中文输入法中「特殊符号 — 标点符号」中找到，或者是用直接日文输入法输入，键盘上的括号键即是。&lt;/p&gt;&lt;p&gt;直角引号源自日文，弯引号源自英文。&lt;/p&gt;&lt;p&gt;相比弯引号，直角引号在汉字排版中更为优雅和美观，也避免了全角半角不分的同学乱用弯引号导致的格式错乱。&lt;/p&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;p&gt;&lt;b&gt;▍省略号&lt;/b&gt;&lt;/p&gt;&lt;p&gt;千万不要用六个句号「。。。。。。」作省略号，也不要用三个点「...」，三个点是英文中的省略号。中文省略号「……」在中文输入法下，用 shift + 6 打出来。&lt;/p&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;p&gt;&lt;b&gt;▍破折号&lt;/b&gt;&lt;/p&gt;&lt;p&gt;破折号占两个汉字空间，不能用连字符代替，即「--」，除了书本里，我现在很少看到有人打出标准的破折号了。&lt;/p&gt;&lt;p&gt;在中文输入法下，用 shift + - （键盘 0 右侧的键）打出来，即「——」。&lt;/p&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;p&gt;&lt;b&gt;▍项目符号&lt;/b&gt;&lt;/p&gt;&lt;p&gt;有时候文章中会有一些并列关系的条目和句子，可以用项目符号区分开。各种编辑器中都有列表功能，分为有序列表和无序列表两种。&lt;/p&gt;&lt;p&gt;&lt;b&gt;有序列表：&lt;/b&gt;&lt;/p&gt;&lt;p&gt;1.	数字序列是最常见的有序列表。&lt;br&gt;2.	数字之外还有英文、罗马文序列等。&lt;br&gt;3.	数字后面加的是圆点而不是顿号。&lt;/p&gt;&lt;p&gt;&lt;b&gt;无序列表：&lt;/b&gt;&lt;/p&gt;&lt;p&gt;● 小黑点是最常用的。&lt;br&gt;  ■ 小方块跟中文搭配也很优美。&lt;br&gt;  ○ 小圆圈多用于注释内容。&lt;/p&gt;&lt;p&gt;&lt;b&gt;▍三角符&lt;/b&gt;&lt;/p&gt;&lt;p&gt;微信文章中经常可以看到各类三角符号，有各式各样的用处：&lt;br&gt;▲正三角经常居中放在照片下方，注释内容前面，起指示作用。&lt;br&gt;▼倒三角经常单独居中成行，用于分隔两部分内容，引出下文。&lt;/p&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;p&gt;&lt;b&gt;▍分隔符&lt;/b&gt;&lt;/p&gt;&lt;p&gt;除倒三角外，还有很多符号，都可以用作分隔符。&lt;/p&gt;&lt;figure&gt;&lt;img src="https://pic2.zhimg.com/50/v2-7d11d3a9e7f7bed59edd36dc85e042ac_b.jpg" data-caption="" data-size="normal" data-rawwidth="454" data-rawheight="247" class="origin_image zh-lightbox-thumb" width="454" data-original="https://pic2.zhimg.com/50/v2-7d11d3a9e7f7bed59edd36dc85e042ac_r.jpg"&gt;&lt;/figure&gt;&lt;p&gt;分割线也是最常用的一种，各种编辑器中都有不同样式的分割线，是排版中很重要的元素。除了用在文中，也可以用在文末。&lt;/p&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;p&gt;▍进度符&lt;/p&gt;&lt;p&gt;这是 i排版在一篇文章中提出的方法，我觉得也很有意思：&lt;/p&gt;&lt;blockquote&gt;选择同一个小符号，用类似进度条的方式来标注，更换其中某一个或几个小符号的颜色，让读者知道文章读到哪一部分，起到提示进度的作用。&lt;/blockquote&gt;&lt;p&gt;下面我用一个小符号来示范下：&lt;/p&gt;&lt;p&gt;第一部分&lt;br&gt;&lt;i&gt;❖&lt;/i&gt; ❖ ❖ &lt;br&gt;第二部分&lt;br&gt;&lt;i&gt;❖ ❖&lt;/i&gt; ❖ &lt;br&gt;第三部分&lt;br&gt;&lt;i&gt;❖ ❖ ❖&lt;/i&gt;&lt;/p&gt;&lt;p&gt;PS：改不了颜色，我就先用斜体代替了。&lt;/p&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;h2&gt;006 排版规范&lt;/h2&gt;&lt;p&gt;&lt;b&gt;▍强调&lt;/b&gt;&lt;/p&gt;&lt;p&gt;在文章中，经常需要强调某一部分，通过设计在视觉上凸显出来。&lt;/p&gt;&lt;blockquote&gt;引用 justfont 中的一段话：&lt;br&gt;&lt;br&gt;借由底色、边框与不同字体的变化，告诉读者这一段很重要，也帮助快速浏览掌握重点。除了要特别讨论的上色之外，最常用的强调法不外乎「加粗」、「变斜」或是「加底线」。&lt;br&gt;&lt;br&gt;加粗、变斜是透过墨色浓度或形状变化与正文对比，这发源自西方数百年的排版规则；加底线则是打字机盛行之后留下的遗产。&lt;/blockquote&gt;&lt;p&gt;强调方式很多，但是千万不能乱用，更不能同时用在一个段落里，否则效果会让人很尴尬。下面进行一一说明。&lt;/p&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;p&gt;&lt;b&gt;▍下划线&lt;/b&gt;&lt;/p&gt;&lt;p&gt;下划线是打字机时代的产物，如今已经过时。如果用下划线进行强调，反而会喧宾夺主，对文字的阅读形成干扰。除超链接外，其他句子尽量不要使用下划线。&lt;/p&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;p&gt;&lt;b&gt;▍斜体&lt;/b&gt;&lt;br&gt;英文从文艺复兴时期，就已经有了用斜体进行强调的排版规则。但中文不同，中文没有斜体，只有计算机程序变形的斜体效果。中文斜体后失去了中文字形原来的结构和美感，所以不要在中文中使用斜体。&lt;/p&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;p&gt;&lt;b&gt;▍加粗&lt;/b&gt;&lt;br&gt;加粗是最理想的强调方式，也是最通用的做法。强调的时候除了加粗外，还可以改变字号或改变颜色。&lt;/p&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;p&gt;&lt;b&gt;▍引用&lt;/b&gt;&lt;br&gt;开头的摘要、别人的资料、人物对话、重点语句，都可以使用引用功能。&lt;/p&gt;&lt;figure&gt;&lt;img src="https://pic4.zhimg.com/50/v2-f34a8c18a1a78a91e8fbaf0acb4738c0_b.jpg" data-caption="" data-size="normal" data-rawwidth="640" data-rawheight="127" class="origin_image zh-lightbox-thumb" width="640" data-original="https://pic4.zhimg.com/50/v2-f34a8c18a1a78a91e8fbaf0acb4738c0_r.jpg"&gt;&lt;/figure&gt;&lt;p&gt;                                                          ▲引用功能&lt;/p&gt;&lt;p&gt;引用的内容要独立成段，如果来自别处，请记得加上引用说明。用了引动功能的句子，就是多了这句话前面那道竖杠。&lt;/p&gt;&lt;p&gt;引用格式中的句子，推荐使用标注色，即 #a5a5a5 或者#888888&lt;/p&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;p&gt;&lt;b&gt;▍中西文混排&lt;/b&gt;&lt;/p&gt;&lt;p&gt;中英文之间加空格：&lt;/p&gt;&lt;blockquote&gt;我用 Typora 进行写作。&lt;/blockquote&gt;&lt;p&gt;中文与数字之间加空格：&lt;/p&gt;&lt;blockquote&gt;现在已经到了 2 月份。&lt;/blockquote&gt;&lt;p&gt;中文夹杂英文单词使用全角标点：&lt;/p&gt;&lt;blockquote&gt;这是我给爸妈新买的 iPhone 7，你拿去吧。&lt;/blockquote&gt;&lt;p&gt;对于完整的英语句子，则使用半角标点：&lt;/p&gt;&lt;blockquote&gt;我最喜欢的英文名言是「Each man is the architect of his own fate.」&lt;/blockquote&gt;&lt;p&gt;以上几点是通行的做法，不是标准规范。我查了很多资料，中西文混排目前还没有一套标准的官方规则，其中最主要的争论之一是关于空格的用法。&lt;/p&gt;&lt;p&gt;有一些同学的文章中字间距很大，这种情况就不需要再加空格。&lt;/p&gt;&lt;p&gt;关于这个问题，我在方宏章的文章《关于文字的可阅读性》中找到一段话，很有参考意义：&lt;/p&gt;&lt;blockquote&gt;每个字母之间必须有一定合理空间（Kerning），如果字母之间的距离过于狭小，就像两个挨着很近的鸡蛋随时有可能相碰撞的危险，如果字母间距过大，那字母就会失去张力和紧张感，使得文字阅读变得乏味。&lt;/blockquote&gt;&lt;p&gt;所以字母之间的距离应该合适，使得在很紧凑的句子和印刷很差的情况下，不会和其他的字母混淆在一起而影响阅读性。&lt;/p&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;h2&gt;留白&lt;/h2&gt;&lt;p&gt;如果用黑白打印机，把微信文章打印出来，你会发现各种颜色间区别，其实只是灰度不同。&lt;br&gt;纸上只有黑与白两部分。&lt;/p&gt;&lt;p&gt;上面说的文字和符号，就是排版设计中「黑」的部分，而设计「白」的部分，也是非常重要的。&lt;/p&gt;&lt;p&gt;字间距、行间距、段间距、页边距等，这些是「白」的部分。就像阴阳一样，黑白得当，才有了和谐的美感，给阅读留下了呼吸的空间。&lt;/p&gt;&lt;figure&gt;&lt;img src="https://pic4.zhimg.com/50/v2-456a04f0919690bf6620f321a3f4e24d_b.jpg" data-caption="" data-size="normal" data-rawwidth="640" data-rawheight="480" class="origin_image zh-lightbox-thumb" width="640" data-original="https://pic4.zhimg.com/50/v2-456a04f0919690bf6620f321a3f4e24d_r.jpg"&gt;&lt;/figure&gt;&lt;h2&gt;007 字间距&lt;/h2&gt;&lt;p&gt;针对一般的文本设计来说，字号越小，字母之间的间距就要越大，以使文字易于辨认。相反，如果将字号调大的话，紧致一些的间距以至于字符之间不会那么松垮，而更易阅读。&lt;/p&gt;&lt;p&gt;可以在编辑器中对字间距进行调节，0.5 —1.5 都很常见。&lt;/p&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;h2&gt;008 行间距&lt;/h2&gt;&lt;p&gt;文字太过密集，容易让读者失去阅读兴趣，很多好内容因此被埋没。而相反过于稀疏，视觉效果也并不理想。&lt;/p&gt;&lt;figure&gt;&lt;img src="https://pic2.zhimg.com/50/v2-6f3c6e6818601b82a9edd6b293f029f5_b.jpg" data-caption="" data-size="normal" data-rawwidth="640" data-rawheight="360" class="origin_image zh-lightbox-thumb" width="640" data-original="https://pic2.zhimg.com/50/v2-6f3c6e6818601b82a9edd6b293f029f5_r.jpg"&gt;&lt;/figure&gt;&lt;p&gt;根据行业经验，行间距一般为字号的 1.5 倍左右。14px — 16px的字号，推荐 1.5 或者 1.75 的行间距。&lt;/p&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;h2&gt;009 段间距&lt;/h2&gt;&lt;p&gt;段间距一般用回车空行代替，当然也可以进行手动设置，正文中设置 15 的段间距，在微信上看起来就非常美观。&lt;/p&gt;&lt;p&gt;段间距也有不同层次的划分，可以参考一下知乎用户 @Hindy 的习惯：&lt;/p&gt;&lt;blockquote&gt;我将段落间距分为四档：空三回车、空两回车、空一回车与换行不空。&lt;br&gt;•	空三回车：用在小节与小节结束的时候。比如一个标题小节结束，下文是另一个标题开始。&lt;br&gt;•	空两回车：用在二级标题下的分隔。&lt;br&gt;•	空一回车：用在段落与段落间，内容相较接近。&lt;br&gt;•	换行不空：用在两段文字是讲述的一个内容，只是在阅读时需稍作停顿的情况。&lt;/blockquote&gt;&lt;p&gt;手动设置的话，标题和小节之间的行间距也有所差别。最好的方法，还是去参考喜欢的大号，模仿他们的习惯，然后在试图创新。&lt;/p&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;h2&gt;010 段落长度&lt;/h2&gt;&lt;p&gt;正文段落的长度，是影响留白很大的元素。&lt;/p&gt;&lt;p&gt;段落长，留白少。&lt;br&gt;段落短，留白多。&lt;/p&gt;&lt;p&gt;如果都是长段落，黑压压的大段文字会让人觉得呼吸不过来；如果是一连串的短段落，大片的留白会打断排版的连续性。&lt;/p&gt;&lt;p&gt;而如果都是中等长度的段落，则就像唱片机卡碟一样，絮絮叨叨，缺乏丰富的节奏。&lt;/p&gt;&lt;p&gt;控制段落长度的节奏，是非常重要的排版技巧，这点很多人都不知道。长、中、短段落结合，能让读者在大段文字中迅速找到落脚点。&lt;/p&gt;&lt;p&gt;如此，排版真正成为文字情绪的一部分。&lt;/p&gt;&lt;p&gt;最后，段落最长也千万不要超过一屏。下图这种神人行为，我们一般人千万不要尝试，简直喘不过气。&lt;br&gt;&lt;/p&gt;&lt;figure&gt;&lt;img src="https://pic4.zhimg.com/50/v2-c5c67ce8af40d5264b6278d7dff8ca9e_b.jpg" data-caption="" data-size="normal" data-rawwidth="490" data-rawheight="800" class="origin_image zh-lightbox-thumb" width="490" data-original="https://pic4.zhimg.com/50/v2-c5c67ce8af40d5264b6278d7dff8ca9e_r.jpg"&gt;&lt;/figure&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;h2&gt;011 页边距&lt;/h2&gt;&lt;p&gt;页边距是阅读时，正文与左右两边的距离。微信默认比较窄，可以用编辑器进行调整，给读者更多的阅读空间。&lt;/p&gt;&lt;p&gt;有一些比较文艺风的文章，会设置很大的页边距来增加留白。根据自己情况来调整。&lt;/p&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;h2&gt;012 图片的作用&lt;/h2&gt;&lt;p&gt;图片是为内容服务，我把图片分为两种类型：有意义的、无意义的。&lt;/p&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;p&gt;&lt;b&gt;▍有意义的图片&lt;/b&gt;&lt;br&gt;有意义的图片有 4 种作用：分享、娱乐、销售、解决问题。&lt;/p&gt;&lt;p&gt;&lt;b&gt;1.分享&lt;/b&gt;&lt;/p&gt;&lt;p&gt;分享某种情感，或者文章中提到的某个物品、人物、场景、行为等等。&lt;/p&gt;&lt;figure&gt;&lt;img src="https://pic4.zhimg.com/50/v2-480372643e568b4213f77d163a055c15_b.jpg" data-caption="" data-size="normal" data-rawwidth="640" data-rawheight="480" class="origin_image zh-lightbox-thumb" width="640" data-original="https://pic4.zhimg.com/50/v2-480372643e568b4213f77d163a055c15_r.jpg"&gt;&lt;/figure&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;p&gt;&lt;b&gt;2.娱乐&lt;/b&gt;&lt;/p&gt;&lt;p&gt;一些表情包、GIF 等都是此类，跟读者进行情感上的娱乐互动。&lt;/p&gt;&lt;figure&gt;&lt;img src="https://pic2.zhimg.com/50/v2-7cf4f41c073af3bee763e3bce0c52237_b.jpg" data-caption="" data-size="normal" data-rawwidth="360" data-rawheight="187" class="content_image" width="360"&gt;&lt;/figure&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;p&gt;&lt;b&gt;3.销售&lt;/b&gt;&lt;/p&gt;&lt;p&gt;跟文章内容结合，对读者进行销售。或者是销售某一种观点，或者是说服读者做某件事，如一些商品使用场景的图片。&lt;/p&gt;&lt;figure&gt;&lt;img src="https://pic1.zhimg.com/50/v2-b64ed81e74bdd37b870b562f8ec89b9c_b.jpg" data-caption="" data-size="normal" data-rawwidth="640" data-rawheight="427" class="origin_image zh-lightbox-thumb" width="640" data-original="https://pic1.zhimg.com/50/v2-b64ed81e74bdd37b870b562f8ec89b9c_r.jpg"&gt;&lt;/figure&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;p&gt;&lt;b&gt;4.解决问题&lt;/b&gt;&lt;/p&gt;&lt;p&gt;有些信息只靠文字很难直观表达，或者过于复杂，需要图片来进行解释说明，辅助理解，如一些数据图片、趋势图等等。&lt;/p&gt;&lt;figure&gt;&lt;img src="https://pic3.zhimg.com/50/v2-112244d07fe7eee66dd95b8b6f7e3056_b.jpg" data-caption="" data-size="normal" data-rawwidth="640" data-rawheight="426" class="origin_image zh-lightbox-thumb" width="640" data-original="https://pic3.zhimg.com/50/v2-112244d07fe7eee66dd95b8b6f7e3056_r.jpg"&gt;&lt;/figure&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;p&gt;&lt;b&gt;▍无意义的图片&lt;/b&gt;&lt;br&gt;无意义的图片有 3 种作用：美化排版、阅读奖励、凸显调性&lt;/p&gt;&lt;p&gt;&lt;b&gt;1.美化排版&lt;/b&gt;&lt;/p&gt;&lt;p&gt;图像能够打破视觉的单调性，如果一篇文章全是字，会让人兴趣索然，而通过配图来调节视线，让人不容易轻易疲劳。&lt;/p&gt;&lt;figure&gt;&lt;img src="https://pic2.zhimg.com/50/v2-7ee0245da6c808a6c70f85afefcaee1b_b.jpg" data-caption="" data-size="normal" data-rawwidth="640" data-rawheight="986" class="origin_image zh-lightbox-thumb" width="640" data-original="https://pic2.zhimg.com/50/v2-7ee0245da6c808a6c70f85afefcaee1b_r.jpg"&gt;&lt;/figure&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;p&gt;&lt;b&gt;2.阅读奖励&lt;/b&gt;&lt;/p&gt;&lt;p&gt;图片相比文字更容易理解，调动的读者认知成本比较少，读者在看图片的时间，可以让大脑进行适当休息，作为阅读中的奖励。&lt;/p&gt;&lt;p&gt;尤其是一些有趣好笑的或者是性感美女图片，都是阅读奖励。&lt;/p&gt;&lt;figure&gt;&lt;img src="https://pic2.zhimg.com/50/v2-c7d71ad2187ad2e8f34f47516710fb48_b.jpg" data-caption="" data-size="normal" data-rawwidth="640" data-rawheight="427" class="origin_image zh-lightbox-thumb" width="640" data-original="https://pic2.zhimg.com/50/v2-c7d71ad2187ad2e8f34f47516710fb48_r.jpg"&gt;&lt;/figure&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;p&gt;&lt;b&gt;3.凸显调性&lt;/b&gt;&lt;/p&gt;&lt;p&gt;统一风格的图片能够塑造文章的调性，而高逼格的配图，会提升文章的质感。&lt;/p&gt;&lt;figure&gt;&lt;img src="https://pic4.zhimg.com/50/v2-9c9cc0cbd07dd8f340059d3b42b7279d_b.jpg" data-caption="" data-size="normal" data-rawwidth="640" data-rawheight="591" class="origin_image zh-lightbox-thumb" width="640" data-original="https://pic4.zhimg.com/50/v2-9c9cc0cbd07dd8f340059d3b42b7279d_r.jpg"&gt;&lt;/figure&gt;&lt;h2&gt;013 图片的选择标准&lt;/h2&gt;&lt;p&gt;简单来讲，图片有两大选择标准：清晰、统一。&lt;/p&gt;&lt;p&gt;&lt;b&gt;▍清晰&lt;/b&gt;&lt;br&gt;图片高清不模糊，是排版的基本要求。除了原始图片是否高清以外，不同的格式也会影响最终效果，图片的格式部分下文会讲。&lt;/p&gt;&lt;p&gt;另外要注意图片上不要有水印，除非是经过特殊设计的水印，否则真的很土。&lt;br&gt;&lt;br&gt;&lt;/p&gt;&lt;p&gt;&lt;b&gt;▍统一&lt;/b&gt;&lt;br&gt;统一包括主题、风格、尺寸上的统一。图片要与文章主题统一，不同图片之间的风格要统一，不要上面都是漫画表情，下面一下子都变成了人物风景。另外不同类型的图片，最好将尺寸统一。&lt;/p&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;h2&gt;&lt;b&gt;014 封面图尺寸&lt;/b&gt;&lt;/h2&gt;&lt;p&gt;封面图是一篇微信文章的第一印象。封面图总共出现在 4 个场景，尺寸会变形，都有裁剪，而且在 Android 和 IOS 系统中，具体也会有所区别：&lt;/p&gt;&lt;blockquote&gt;•	公众号会话：矩形。&lt;br&gt;•	历史消息：矩形。&lt;br&gt;•	转发消息：正方形。&lt;br&gt;•	分享朋友圈：正方形。&lt;/blockquote&gt;&lt;figure&gt;&lt;img src="https://pic4.zhimg.com/50/v2-0d3b467bf436c621c9820dbf60445b12_b.jpg" data-caption="" data-size="normal" data-rawwidth="600" data-rawheight="275" class="origin_image zh-lightbox-thumb" width="600" data-original="https://pic4.zhimg.com/50/v2-0d3b467bf436c621c9820dbf60445b12_r.jpg"&gt;&lt;/figure&gt;&lt;p&gt;上图是@王如飞 研究的封面图裁剪情况这张图太复杂，不用记住。只要记住封面图的尺寸是 900 X 500，次条封面图的尺寸是 200 X 200 就好。按照这个尺寸来配图，效果是最佳的。&lt;/p&gt;&lt;p&gt;另外要把重要内容放在中间 400 X 400 的正方形内，这部分的内容一定不会被裁掉。&lt;/p&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;h2&gt;015 制作&lt;/h2&gt;&lt;p&gt;&lt;b&gt;▍独家风格&lt;/b&gt;&lt;/p&gt;&lt;p&gt;可以用美图秀秀或者 PS 等一些制图软件，加上一些文字、图形、logo 等固定元素，形成自己独特的风格。当然更厉害的就是请专业的插画师定制插画。&lt;/p&gt;&lt;figure&gt;&lt;img src="https://pic1.zhimg.com/50/v2-b45ce375253c265f8618d6f0f294126a_b.jpg" data-caption="" data-size="normal" data-rawwidth="640" data-rawheight="967" class="origin_image zh-lightbox-thumb" width="640" data-original="https://pic1.zhimg.com/50/v2-b45ce375253c265f8618d6f0f294126a_r.jpg"&gt;&lt;/figure&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;p&gt;&lt;b&gt;▍尺寸&lt;/b&gt;&lt;/p&gt;&lt;p&gt;修改尺寸，可以用美图秀秀进行修改，或者直接用 PPT 也行。把图片放入 PPT 中，选中图片之后「点击格式 — 裁剪 — 纵横比 — 16:9」。&lt;/p&gt;&lt;figure&gt;&lt;img src="https://pic1.zhimg.com/50/v2-c15a130cfdf1eb245206da847d4e367c_b.jpg" data-caption="" data-size="normal" data-rawwidth="640" data-rawheight="389" class="origin_image zh-lightbox-thumb" width="640" data-original="https://pic1.zhimg.com/50/v2-c15a130cfdf1eb245206da847d4e367c_r.jpg"&gt;&lt;/figure&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;p&gt;&lt;b&gt;▍在线生成&lt;/b&gt;&lt;/p&gt;&lt;p&gt;如果担心自己审美不达标的话，创客贴这个网站可以帮你一分钟制作出高大上的封面图。登录网站后，点击「开启设计 — 公众号文章首图」即可。&lt;/p&gt;&lt;figure&gt;&lt;img src="https://pic2.zhimg.com/50/v2-41d15db031408d9102ac41cafdcd81a2_b.jpg" data-caption="" data-size="normal" data-rawwidth="640" data-rawheight="316" class="origin_image zh-lightbox-thumb" width="640" data-original="https://pic2.zhimg.com/50/v2-41d15db031408d9102ac41cafdcd81a2_r.jpg"&gt;&lt;/figure&gt;&lt;blockquote&gt;创客贴：&lt;a href="//link.zhihu.com/?target=http%3A//chuangkit.com" class=" external" target="_blank" rel="nofollow noreferrer"&gt;&lt;span class="invisible"&gt;http://&lt;/span&gt;&lt;span class="visible"&gt;chuangkit.com&lt;/span&gt;&lt;span class="invisible"&gt;&lt;/span&gt;&lt;/a&gt; &lt;/blockquote&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;p&gt;&lt;b&gt;▍获取封面图&lt;/b&gt;&lt;/p&gt;&lt;p&gt;关于如何获取别人的封面图，IT云课堂 提供了一个很实用的技巧：&lt;/p&gt;&lt;blockquote&gt;在电脑打开文章，右击鼠标查看源代码。&lt;br&gt;然后按 Ctrl + F，出现一个搜索框。&lt;br&gt;输入 var msg，出现黄色背景代码。&lt;br&gt;复制 msg_cdn_url 后面的地址，在浏览器打开。&lt;br&gt;点击「另存为」即可下载。&lt;/blockquote&gt;&lt;figure&gt;&lt;img src="https://pic4.zhimg.com/50/v2-34c9cf8da0bfb45af9fdbd21991cc8bd_b.jpg" data-caption="" data-size="normal" data-rawwidth="1113" data-rawheight="595" class="origin_image zh-lightbox-thumb" width="1113" data-original="https://pic4.zhimg.com/50/v2-34c9cf8da0bfb45af9fdbd21991cc8bd_r.jpg"&gt;&lt;/figure&gt;&lt;h2&gt;016 图库&lt;/h2&gt;&lt;p&gt;▍导航&lt;/p&gt;&lt;p&gt;相信大家的文件夹里都收藏了一大堆图片网站，其实只要用好设计师导航网站就好了。绝大多数常用的图库，在这些导航中都有收录，并且已经按照免费 / 付费分好类，也有相应的介绍说明。&lt;/p&gt;&lt;blockquote&gt;这里推荐三个：&lt;br&gt;设计导航：&lt;a href="//link.zhihu.com/?target=http%3A//hao.shejidaren.com" class=" external" target="_blank" rel="nofollow noreferrer"&gt;&lt;span class="invisible"&gt;http://&lt;/span&gt;&lt;span class="visible"&gt;hao.shejidaren.com&lt;/span&gt;&lt;span class="invisible"&gt;&lt;/span&gt;&lt;/a&gt;&lt;br&gt;HiPPTer：&lt;a href="//link.zhihu.com/?target=http%3A//hippter.com" class=" external" target="_blank" rel="nofollow noreferrer"&gt;&lt;span class="invisible"&gt;http://&lt;/span&gt;&lt;span class="visible"&gt;hippter.com&lt;/span&gt;&lt;span class="invisible"&gt;&lt;/span&gt;&lt;/a&gt;&lt;br&gt;优庆设计：&lt;a href="//link.zhihu.com/?target=http%3A//ubuuk.com" class=" external" target="_blank" rel="nofollow noreferrer"&gt;&lt;span class="invisible"&gt;http://&lt;/span&gt;&lt;span class="visible"&gt;ubuuk.com&lt;/span&gt;&lt;span class="invisible"&gt;&lt;/span&gt;&lt;/a&gt;&lt;/blockquote&gt;&lt;figure&gt;&lt;img src="https://pic4.zhimg.com/50/v2-92a86ef360e9d7c4f9599507cc38e877_b.jpg" data-caption="" data-size="normal" data-rawwidth="640" data-rawheight="308" class="origin_image zh-lightbox-thumb" width="640" data-original="https://pic4.zhimg.com/50/v2-92a86ef360e9d7c4f9599507cc38e877_r.jpg"&gt;&lt;/figure&gt;&lt;p&gt;导航网站中除了图片以外，还包含各种素材和神器，可以去探索一下。&lt;/p&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;p&gt;&lt;b&gt;▍常用图片网站&lt;/b&gt;&lt;/p&gt;&lt;p&gt;下面这些是大家常用的图库网站，在上面三个导航中都有收录。&lt;/p&gt;&lt;blockquote&gt;Behance：&lt;a href="//link.zhihu.com/?target=http%3A//behance.net" class=" external" target="_blank" rel="nofollow noreferrer"&gt;&lt;span class="invisible"&gt;http://&lt;/span&gt;&lt;span class="visible"&gt;behance.net&lt;/span&gt;&lt;span class="invisible"&gt;&lt;/span&gt;&lt;/a&gt;&lt;br&gt;Dribbble：&lt;a href="//link.zhihu.com/?target=http%3A//dribbble.com" class=" external" target="_blank" rel="nofollow noreferrer"&gt;&lt;span class="invisible"&gt;http://&lt;/span&gt;&lt;span class="visible"&gt;dribbble.com&lt;/span&gt;&lt;span class="invisible"&gt;&lt;/span&gt;&lt;/a&gt;&lt;br&gt;Pinterest：&lt;a href="//link.zhihu.com/?target=http%3A//pinterest.com" class=" external" target="_blank" rel="nofollow noreferrer"&gt;&lt;span class="invisible"&gt;http://&lt;/span&gt;&lt;span class="visible"&gt;pinterest.com&lt;/span&gt;&lt;span class="invisible"&gt;&lt;/span&gt;&lt;/a&gt;&lt;br&gt;Pixabay：&lt;a href="//link.zhihu.com/?target=http%3A//pixabay.com" class=" external" target="_blank" rel="nofollow noreferrer"&gt;&lt;span class="invisible"&gt;http://&lt;/span&gt;&lt;span class="visible"&gt;pixabay.com&lt;/span&gt;&lt;span class="invisible"&gt;&lt;/span&gt;&lt;/a&gt;&lt;br&gt;Unsplash：&lt;a href="//link.zhihu.com/?target=http%3A//unsplash.com" class=" external" target="_blank" rel="nofollow noreferrer"&gt;&lt;span class="invisible"&gt;http://&lt;/span&gt;&lt;span class="visible"&gt;unsplash.com&lt;/span&gt;&lt;span class="invisible"&gt;&lt;/span&gt;&lt;/a&gt;&lt;br&gt;500px：&lt;a href="//link.zhihu.com/?target=http%3A//500px.com" class=" external" target="_blank" rel="nofollow noreferrer"&gt;&lt;span class="invisible"&gt;http://&lt;/span&gt;&lt;span class="visible"&gt;500px.com&lt;/span&gt;&lt;span class="invisible"&gt;&lt;/span&gt;&lt;/a&gt;&lt;br&gt;花瓣网：&lt;a href="//link.zhihu.com/?target=http%3A//huaban.com" class=" external" target="_blank" rel="nofollow noreferrer"&gt;&lt;span class="invisible"&gt;http://&lt;/span&gt;&lt;span class="visible"&gt;huaban.com&lt;/span&gt;&lt;span class="invisible"&gt;&lt;/span&gt;&lt;/a&gt;&lt;br&gt;站酷网：&lt;a href="//link.zhihu.com/?target=http%3A//zcool.com.cn" class=" external" target="_blank" rel="nofollow noreferrer"&gt;&lt;span class="invisible"&gt;http://&lt;/span&gt;&lt;span class="visible"&gt;zcool.com.cn&lt;/span&gt;&lt;span class="invisible"&gt;&lt;/span&gt;&lt;/a&gt;&lt;/blockquote&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;p&gt;&lt;b&gt;▍特殊网站介绍&lt;/b&gt;&lt;br&gt;工欲善其事，必先利其器。下面再介绍几个比较特殊的。&lt;/p&gt;&lt;p&gt;&lt;b&gt;文字云&lt;/b&gt;&lt;/p&gt;&lt;p&gt;这个网站可以在线生成文字云效果的图片。网站是英文的，可以借助谷歌浏览器自带的翻译功能。具体步骤是「上传字体 — 添加文字 — 上传图片」。&lt;br&gt;&lt;/p&gt;&lt;figure&gt;&lt;img src="https://pic3.zhimg.com/50/v2-eb4c1d92eae270396bd7fbe7ae5c3c34_b.jpg" data-caption="" data-size="normal" data-rawwidth="640" data-rawheight="311" class="origin_image zh-lightbox-thumb" width="640" data-original="https://pic3.zhimg.com/50/v2-eb4c1d92eae270396bd7fbe7ae5c3c34_r.jpg"&gt;&lt;/figure&gt;&lt;blockquote&gt;文字云网站：&lt;a href="//link.zhihu.com/?target=http%3A//tagul.com" class=" external" target="_blank" rel="nofollow noreferrer"&gt;&lt;span class="invisible"&gt;http://&lt;/span&gt;&lt;span class="visible"&gt;tagul.com&lt;/span&gt;&lt;span class="invisible"&gt;&lt;/span&gt;&lt;/a&gt;&lt;/blockquote&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;p&gt;&lt;b&gt;表情&lt;/b&gt;&lt;/p&gt;&lt;p&gt;很多文章配图里有大量的表情，可以在百度搜索「斗图」，有很多丰富的资源。也可以在「暴走漫画」网站，或者下载「花熊」App 进行制作。&lt;/p&gt;&lt;figure&gt;&lt;img src="https://pic3.zhimg.com/50/v2-48fb19716f0b0049c19b618f56b57c9d_b.jpg" data-caption="" data-size="normal" data-rawwidth="500" data-rawheight="310" class="origin_image zh-lightbox-thumb" width="500" data-original="https://pic3.zhimg.com/50/v2-48fb19716f0b0049c19b618f56b57c9d_r.jpg"&gt;&lt;/figure&gt;&lt;blockquote&gt;暴走漫画：&lt;a href="//link.zhihu.com/?target=http%3A//baozoumanhua.com" class=" external" target="_blank" rel="nofollow noreferrer"&gt;&lt;span class="invisible"&gt;http://&lt;/span&gt;&lt;span class="visible"&gt;baozoumanhua.com&lt;/span&gt;&lt;span class="invisible"&gt;&lt;/span&gt;&lt;/a&gt;&lt;br&gt;斗图啦：&lt;a href="//link.zhihu.com/?target=http%3A//doutula.com" class=" external" target="_blank" rel="nofollow noreferrer"&gt;&lt;span class="invisible"&gt;http://&lt;/span&gt;&lt;span class="visible"&gt;doutula.com&lt;/span&gt;&lt;span class="invisible"&gt;&lt;/span&gt;&lt;/a&gt;&lt;/blockquote&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;p&gt;&lt;b&gt;Mockup&lt;/b&gt;&lt;/p&gt;&lt;p&gt;Mockup是指图片展示素材模型，什么意思呢，就像这张图。&lt;/p&gt;&lt;figure&gt;&lt;img src="https://pic2.zhimg.com/50/v2-6f4f80c6b3fe96c94bbb3668acccbea3_b.jpg" data-caption="" data-size="normal" data-rawwidth="640" data-rawheight="425" class="origin_image zh-lightbox-thumb" width="640" data-original="https://pic2.zhimg.com/50/v2-6f4f80c6b3fe96c94bbb3668acccbea3_r.jpg"&gt;&lt;/figure&gt;&lt;p&gt;你可以找一张手机截图，替换图中的手机图片，手机截图就可以瞬间变得高大上了。就像这样：&lt;/p&gt;&lt;figure&gt;&lt;img src="https://pic4.zhimg.com/50/v2-9e5c93c8da768d22db4164b8268c05ff_b.jpg" data-caption="" data-size="normal" data-rawwidth="640" data-rawheight="425" class="origin_image zh-lightbox-thumb" width="640" data-original="https://pic4.zhimg.com/50/v2-9e5c93c8da768d22db4164b8268c05ff_r.jpg"&gt;&lt;/figure&gt;&lt;blockquote&gt;推荐三个Mockup网站：&lt;br&gt;&lt;a href="//link.zhihu.com/?target=http%3A//smartmockups.com" class=" external" target="_blank" rel="nofollow noreferrer"&gt;&lt;span class="invisible"&gt;http://&lt;/span&gt;&lt;span class="visible"&gt;smartmockups.com&lt;/span&gt;&lt;span class="invisible"&gt;&lt;/span&gt;&lt;/a&gt;&lt;br&gt;&lt;a href="//link.zhihu.com/?target=http%3A//mockplus.cn" class=" external" target="_blank" rel="nofollow noreferrer"&gt;&lt;span class="invisible"&gt;http://&lt;/span&gt;&lt;span class="visible"&gt;mockplus.cn&lt;/span&gt;&lt;span class="invisible"&gt;&lt;/span&gt;&lt;/a&gt;&lt;br&gt;&lt;a href="//link.zhihu.com/?target=http%3A//freedesignresources.net" class=" external" target="_blank" rel="nofollow noreferrer"&gt;&lt;span class="invisible"&gt;http://&lt;/span&gt;&lt;span class="visible"&gt;freedesignresources.net&lt;/span&gt;&lt;span class="invisible"&gt;&lt;/span&gt;&lt;/a&gt;&lt;/blockquote&gt;&lt;p&gt;第一个网站只有台式机、笔记本、平板、手机、手表五种模板，但是好处是只要选好模板，可以上传图片进行自动替换。其他两个网站有各式各样的其他素材，不过需要下载 PSD 图层进行手动替换。&lt;/p&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;h2&gt;017 找图&lt;/h2&gt;&lt;p&gt;▍关键词&lt;br&gt;用关键词有两个搜索方向：纵向、横向。&lt;/p&gt;&lt;p&gt;&lt;b&gt;1.纵向&lt;/b&gt;&lt;/p&gt;&lt;p&gt;纵向就是缩小或者扩大关键词的范围。&lt;/p&gt;&lt;p&gt;比如说要搜索法律相关的图片，搜索「法律」没有满意的图片，则可以缩小范围，试试「律师」或者「法官」。&lt;/p&gt;&lt;p&gt;同样也可以反过来扩大范围，比如需要一个小蛋糕的图片，可以试试搜索「下午茶」。&lt;/p&gt;&lt;p&gt;&lt;b&gt;2.横向&lt;/b&gt;&lt;/p&gt;&lt;p&gt;横向就是搜索相近的词汇，很多时候找的图片是可以用其他图片代替的。&lt;/p&gt;&lt;p&gt;比如需要一张表现时间图片，可以去搜索「手表」，也可以试试「钟表」、「watch」等等。另外也可以用英文或者其他语言去检索，出来的图片也会不一样。&lt;/p&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;p&gt;&lt;b&gt;▍以图识图&lt;/b&gt;&lt;/p&gt;&lt;p&gt;有时候看到一些喜欢的图片，但是尺寸太小、不够高清，或者是有水印，这个时候可以用百度和 Google 的「以图识图」功能，让搜索引擎帮忙找这张图片的其他尺寸、格式。&lt;/p&gt;&lt;p&gt;在百度图片中选择好一张图片后，点击「按图片搜索」：&lt;/p&gt;&lt;figure&gt;&lt;img src="https://pic3.zhimg.com/50/v2-1f6e6fac735ef8af6bde8b19fab3e89c_b.jpg" data-caption="" data-size="normal" data-rawwidth="640" data-rawheight="426" class="origin_image zh-lightbox-thumb" width="640" data-original="https://pic3.zhimg.com/50/v2-1f6e6fac735ef8af6bde8b19fab3e89c_r.jpg"&gt;&lt;/figure&gt;&lt;p&gt;点击右下角那个放大镜，或者是在百度页面点击那个照相机，上传图片：&lt;/p&gt;&lt;figure&gt;&lt;img src="https://pic2.zhimg.com/50/v2-7d08954f27c372eb9e2cb4e7fe3c236c_b.jpg" data-caption="" data-size="normal" data-rawwidth="640" data-rawheight="329" class="origin_image zh-lightbox-thumb" width="640" data-original="https://pic2.zhimg.com/50/v2-7d08954f27c372eb9e2cb4e7fe3c236c_r.jpg"&gt;&lt;/figure&gt;&lt;p&gt;搜索引擎会自动帮你找到不同尺寸的相似图片。&lt;/p&gt;&lt;p&gt;另外也可以直接在谷歌浏览器的程序商店里下载安装 Tineye 插件。看到一张图后右键选择「Search Image on TinEye」，大多数图片都可以找到相似图片。&lt;/p&gt;&lt;p&gt;▍下载&lt;/p&gt;&lt;p&gt;有的时候好不容易找到了一张图片，但是下载起来可能又很麻烦。有很多插件都支持一键下载功能，可以在任何网站一键下载图片。&lt;/p&gt;&lt;blockquote&gt;依旧推荐三个插件：&lt;br&gt;gentleman&lt;br&gt;OK记&lt;br&gt;花瓣采集插件&lt;/blockquote&gt;&lt;p&gt;安装插件以后，在图片上直接 alt + 鼠标左键即可一键下载。除了插件，360浏览器、UC浏览器也有一键下载图片的功能。&lt;/p&gt;&lt;p&gt;不过提醒大家一定要注意版权问题，不要盗用有版权的图片。&lt;br&gt;&lt;br&gt;&lt;/p&gt;&lt;h2&gt;018 图片处理&lt;/h2&gt;&lt;p&gt;&lt;b&gt;▍水印&lt;/b&gt;&lt;/p&gt;&lt;p&gt;非原创图片不要打水印。对于原创图片，除非水印经过特殊设计，否则都不会好看，另外加了水印也不方便读者保存。&lt;/p&gt;&lt;p&gt;有时候网上找来的一些图片需要去水印，这个时候可以用美图秀秀或者是 PS：&lt;/p&gt;&lt;blockquote&gt;美图秀秀：消除笔功能 / 祛痘功能&lt;br&gt;PS：修复画笔功能 / 修补工具&lt;/blockquote&gt;&lt;p&gt;另外还有一款常用的去水印工具：Inpaint，可以傻瓜式一键去水印。&lt;/p&gt;&lt;p&gt;▍截图美化&lt;/p&gt;&lt;p&gt;讲一个用 PPT 美化截图的小技巧。有时候文章中经常需要放一些手机截图，但是直接放在文章里并不好看，需要进行处理一下。&lt;/p&gt;&lt;p&gt;这个时候可以借助 PPT 图片样式中的「居中矩形阴影」，为截图加上阴影。&lt;/p&gt;&lt;figure&gt;&lt;img src="https://pic4.zhimg.com/50/v2-c1b817133f6f33ed26e4321fdd7d250b_b.jpg" data-caption="" data-size="normal" data-rawwidth="640" data-rawheight="308" class="origin_image zh-lightbox-thumb" width="640" data-original="https://pic4.zhimg.com/50/v2-c1b817133f6f33ed26e4321fdd7d250b_r.jpg"&gt;&lt;/figure&gt;&lt;p&gt;▍版权声明&lt;/p&gt;&lt;p&gt;要小心图片侵权，使用了别人的图片，一定要注明来源。实际上绝大多数公众号在这方面做的都不好，可以参考一下专业媒体号的做法。&lt;/p&gt;&lt;p&gt;确定图源的，可以在图片下方，小字标明来自某部电影、某位摄影师、还是某个商业图库。&lt;br&gt;&lt;/p&gt;&lt;figure&gt;&lt;img src="https://pic2.zhimg.com/50/v2-404f8416d4f2dd81b709d409dc9b4326_b.jpg" data-caption="" data-size="normal" data-rawwidth="640" data-rawheight="1000" class="origin_image zh-lightbox-thumb" width="640" data-original="https://pic2.zhimg.com/50/v2-404f8416d4f2dd81b709d409dc9b4326_r.jpg"&gt;&lt;/figure&gt;&lt;p&gt;如果不确定图片源，一定要注明「图片来自互联网」，通常写在文末左下方。如果是转载的文章，不确定图源，写上「图源：原作者配图」。&lt;/p&gt;&lt;figure&gt;&lt;img src="https://pic1.zhimg.com/50/v2-3e3e6e33721bd70f9f98d240079b9900_b.jpg" data-caption="" data-size="normal" data-rawwidth="640" data-rawheight="472" class="origin_image zh-lightbox-thumb" width="640" data-original="https://pic1.zhimg.com/50/v2-3e3e6e33721bd70f9f98d240079b9900_r.jpg"&gt;&lt;/figure&gt;&lt;h2&gt;019 GIF 图库&lt;/h2&gt;&lt;p&gt;&lt;b&gt;1.Giphy&lt;/b&gt;&lt;/p&gt;&lt;p&gt;最大的 Gif 搜索引擎，找 Gif 用好 Giphy 基本就够了。&lt;/p&gt;&lt;blockquote&gt;Giphy：&lt;a href="//link.zhihu.com/?target=http%3A//giphy.com" class=" external" target="_blank" rel="nofollow noreferrer"&gt;&lt;span class="invisible"&gt;http://&lt;/span&gt;&lt;span class="visible"&gt;giphy.com&lt;/span&gt;&lt;span class="invisible"&gt;&lt;/span&gt;&lt;/a&gt;&lt;/blockquote&gt;&lt;p&gt;&lt;b&gt;2.Tumblr&lt;/b&gt;&lt;/p&gt;&lt;p&gt;俗称「汤不热」，国外非常好玩的社交平台，有大量精美的 Gif，可以关注那些网上推荐的 tumblr 账号。例如专门恶搞名画的 Scorpiondagger &lt;/p&gt;&lt;blockquote&gt;Tumblr：&lt;a href="//link.zhihu.com/?target=http%3A//tumblr.com" class=" external" target="_blank" rel="nofollow noreferrer"&gt;&lt;span class="invisible"&gt;http://&lt;/span&gt;&lt;span class="visible"&gt;tumblr.com&lt;/span&gt;&lt;span class="invisible"&gt;&lt;/span&gt;&lt;/a&gt;&lt;/blockquote&gt;&lt;p&gt;&lt;b&gt;3.SOOGIF&lt;/b&gt;&lt;/p&gt;&lt;p&gt;国内的动图网站，专门给公众号提供素材的。除此以外，还集合了GIF压缩、剪裁、制作的功能。&lt;/p&gt;&lt;blockquote&gt;SOOGIF：&lt;a href="//link.zhihu.com/?target=http%3A//soogif.com" class=" external" target="_blank" rel="nofollow noreferrer"&gt;&lt;span class="invisible"&gt;http://&lt;/span&gt;&lt;span class="visible"&gt;soogif.com&lt;/span&gt;&lt;span class="invisible"&gt;&lt;/span&gt;&lt;/a&gt;&lt;/blockquote&gt;&lt;p&gt;&lt;b&gt;4.Gif 喵&lt;/b&gt;&lt;/p&gt;&lt;p&gt;也是斗图常用的国内网站，每天都会更新专辑，内容全面且动图质量比堆糖、花瓣上的普遍要高。此外也自带 Gif 制作和压缩功能。&lt;/p&gt;&lt;blockquote&gt;Gif 喵：&lt;a href="//link.zhihu.com/?target=http%3A//gifmiao.com" class=" external" target="_blank" rel="nofollow noreferrer"&gt;&lt;span class="invisible"&gt;http://&lt;/span&gt;&lt;span class="visible"&gt;gifmiao.com&lt;/span&gt;&lt;span class="invisible"&gt;&lt;/span&gt;&lt;/a&gt;&lt;/blockquote&gt;&lt;p&gt;&lt;b&gt;5.9gag&lt;/b&gt;&lt;/p&gt;&lt;p&gt;暴走漫画最初就是模仿9gag，这个网站的 GIF 质量非常高，注册后右键另存为可以下载。但是需要视频格式将转换 GIF 格式。&lt;/p&gt;&lt;blockquote&gt;9gag：&lt;a href="//link.zhihu.com/?target=http%3A//9gag.com" class=" external" target="_blank" rel="nofollow noreferrer"&gt;&lt;span class="invisible"&gt;http://&lt;/span&gt;&lt;span class="visible"&gt;9gag.com&lt;/span&gt;&lt;span class="invisible"&gt;&lt;/span&gt;&lt;/a&gt;&lt;/blockquote&gt;&lt;p&gt;&lt;b&gt;6.小猪动图&lt;/b&gt;&lt;/p&gt;&lt;p&gt;国内很专业的动图网站，素材更新快，并且把GIF动图划分了上百个子类。同时在网站上还可以对 GIF 压缩、制作、加水印、裁剪，以及将视频转换成 GIF 格式。&lt;/p&gt;&lt;blockquote&gt;小猪动图：&lt;a href="//link.zhihu.com/?target=http%3A//piggif.com" class=" external" target="_blank" rel="nofollow noreferrer"&gt;&lt;span class="invisible"&gt;http://&lt;/span&gt;&lt;span class="visible"&gt;piggif.com&lt;/span&gt;&lt;span class="invisible"&gt;&lt;/span&gt;&lt;/a&gt;&lt;/blockquote&gt;&lt;p&gt;&lt;b&gt;7.搜索引擎&lt;/b&gt;&lt;br&gt;也可以在百度、必应、Google 等搜索引擎上直接搜索 GIF 图片，关键词 + gif，比如「小猫 gif」。&lt;/p&gt;&lt;p&gt;&lt;b&gt;8.其他&lt;/b&gt;&lt;/p&gt;&lt;blockquote&gt;叶子猪：&lt;a href="//link.zhihu.com/?target=http%3A//xx.yzz.cn/" class=" external" target="_blank" rel="nofollow noreferrer"&gt;&lt;span class="invisible"&gt;http://&lt;/span&gt;&lt;span class="visible"&gt;xx.yzz.cn/&lt;/span&gt;&lt;span class="invisible"&gt;&lt;/span&gt;&lt;/a&gt;&lt;br&gt;NBAGIF：&lt;a href="//link.zhihu.com/?target=http%3A//nba-80s-90sgifs.lofter.com" class=" external" target="_blank" rel="nofollow noreferrer"&gt;&lt;span class="invisible"&gt;http://&lt;/span&gt;&lt;span class="visible"&gt;nba-80s-90sgifs.lofter.com&lt;/span&gt;&lt;span class="invisible"&gt;&lt;/span&gt;&lt;/a&gt;&lt;br&gt;Rafael-varona：&lt;a href="//link.zhihu.com/?target=http%3A//rafael-varona.com" class=" external" target="_blank" rel="nofollow noreferrer"&gt;&lt;span class="invisible"&gt;http://&lt;/span&gt;&lt;span class="visible"&gt;rafael-varona.com&lt;/span&gt;&lt;span class="invisible"&gt;&lt;/span&gt;&lt;/a&gt;&lt;br&gt;GIFBIN：&lt;a href="//link.zhihu.com/?target=http%3A//gifbin.com" class=" external" target="_blank" rel="nofollow noreferrer"&gt;&lt;span class="invisible"&gt;http://&lt;/span&gt;&lt;span class="visible"&gt;gifbin.com&lt;/span&gt;&lt;span class="invisible"&gt;&lt;/span&gt;&lt;/a&gt;&lt;br&gt;GIFSON：&lt;a href="//link.zhihu.com/?target=http%3A//gifson.net" class=" external" target="_blank" rel="nofollow noreferrer"&gt;&lt;span class="invisible"&gt;http://&lt;/span&gt;&lt;span class="visible"&gt;gifson.net&lt;/span&gt;&lt;span class="invisible"&gt;&lt;/span&gt;&lt;/a&gt;&lt;br&gt;Golden Wolf：&lt;a href="//link.zhihu.com/?target=http%3A//goldenwolf.tv" class=" external" target="_blank" rel="nofollow noreferrer"&gt;&lt;span class="invisible"&gt;http://&lt;/span&gt;&lt;span class="visible"&gt;goldenwolf.tv&lt;/span&gt;&lt;span class="invisible"&gt;&lt;/span&gt;&lt;/a&gt;&lt;br&gt;Julian Glander：&lt;a href="//link.zhihu.com/?target=http%3A//glander.co" class=" external" target="_blank" rel="nofollow noreferrer"&gt;&lt;span class="invisible"&gt;http://&lt;/span&gt;&lt;span class="visible"&gt;glander.co&lt;/span&gt;&lt;span class="invisible"&gt;&lt;/span&gt;&lt;/a&gt;&lt;/blockquote&gt;&lt;figure&gt;&lt;img src="https://pic3.zhimg.com/50/v2-5e4e1039b98367c9f38db3195cbd5d70_b.jpg" data-caption="" data-size="normal" data-rawwidth="540" data-rawheight="304" class="origin_image zh-lightbox-thumb" width="540" data-original="https://pic3.zhimg.com/50/v2-5e4e1039b98367c9f38db3195cbd5d70_r.jpg"&gt;&lt;/figure&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;h2&gt;020 GIF 处理&lt;/h2&gt;&lt;p&gt;▍压缩&lt;/p&gt;&lt;p&gt;在微信上传 GIF 的大小不能超过 2M，因此经常需要进行压缩。可以直接在上面提到的 SOOGIF、Gif 喵、小猪动图 这几个网站上面进行压缩，这里再推荐一个压缩常用的网站。&lt;/p&gt;&lt;blockquote&gt;&lt;a href="//link.zhihu.com/?target=http%3A//ezgif.com/optimize" class=" external" target="_blank" rel="nofollow noreferrer"&gt;&lt;span class="invisible"&gt;http://&lt;/span&gt;&lt;span class="visible"&gt;ezgif.com/optimize&lt;/span&gt;&lt;span class="invisible"&gt;&lt;/span&gt;&lt;/a&gt;&lt;/blockquote&gt;&lt;p&gt;▍录制&lt;/p&gt;&lt;p&gt;有时候需要自己录制一些 GIF，例如一些软件的教程。这里推荐几款口碑比较好、易上手的 GIF 录制软件。&lt;/p&gt;&lt;blockquote&gt;GIFCam（Win 系统）&lt;br&gt;LICEcap（Mac 系统）&lt;br&gt;Screen To Gif&lt;/blockquote&gt;&lt;figure&gt;&lt;img src="https://pic3.zhimg.com/50/v2-44f16ec095249a454b947a9f27a100e0_b.jpg" data-caption="" data-size="normal" data-rawwidth="387" data-rawheight="292" class="content_image" width="387"&gt;&lt;/figure&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;p&gt;▍转换&lt;/p&gt;&lt;p&gt;有时候需要把一些视频转化为 GIF，上面提到小猪动图的网站就具备这个功能。另外可以用迅雷播放器直接从视频中截取 GIF 图。用迅雷播放器打开视频，点击右键「GIF 图截取」即可。&lt;br&gt;&lt;br&gt;&lt;/p&gt;&lt;h2&gt;021 顶部内容&lt;/h2&gt;&lt;p&gt;顶部是阅读文章时的第一眼，决定了读者对文章的初始印象。顶部的内容，一定要经过设计，否则就干脆保持空白。&lt;/p&gt;&lt;p&gt;良好的设计会增加内容的可信任感，而那些烂大街的模板，不仅难看没有效果，反而会降低读者对公众号的评价。&lt;/p&gt;&lt;p&gt;顶部通常放置的元素有：&lt;/p&gt;&lt;blockquote&gt;标题、slogan、头图、引导语、作者信息、声明信息、转载信息、音频等&lt;/blockquote&gt;&lt;p&gt;顶部内容大概有三个方面的用途：&lt;/p&gt;&lt;ul&gt;&lt;li&gt;引导读者关注、置顶，通常是 logo + slogan。&lt;/li&gt;&lt;li&gt;对文章信息进行补充说明，例如阅读时间、作者信息、声明信息、转载信息等。&lt;/li&gt;&lt;li&gt;引出下文，通过一张图片，或者是一段引导语。&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;下图是行动派的顶部内容，包含了：slogan、日历、授权信息。其中第二张图的日历每天都会变，是行动派的标志一直，也是与读者互动的一部分。&lt;/p&gt;&lt;figure&gt;&lt;img src="https://pic2.zhimg.com/50/v2-0fc0d1739436cf5a059a0b1900b43224_b.jpg" data-caption="" data-size="normal" data-rawwidth="640" data-rawheight="1045" class="origin_image zh-lightbox-thumb" width="640" data-original="https://pic2.zhimg.com/50/v2-0fc0d1739436cf5a059a0b1900b43224_r.jpg"&gt;&lt;/figure&gt;&lt;p&gt;顶部的内容不要占用太大版面，要让读者快速切入文章。读者被标题吸引进来是为了看内容的，这个时候心情是急切的。如果顶部内容太多，半天看不到正文，反而起了反作用。&lt;br&gt;&lt;br&gt;&lt;/p&gt;&lt;h2&gt;022 底部的作用&lt;/h2&gt;&lt;p&gt;底部的元素有：&lt;/p&gt;&lt;blockquote&gt;底图、投票、作者信息、版权声明、合作说明、引导（话题互动）、关注语、往期推荐、二维码、赞赏、阅读原文。&lt;/blockquote&gt;&lt;p&gt;底部与顶部不同，读者已经看完了正文，整个人的状态比较放松，所以底部内容多一些也没有关系。这个时候应该尽量对上面缺失的要素进行补充，顶部没有放的信息，可以放在这里，一些重要信息可以选择重复。&lt;/p&gt;&lt;p&gt;如领英的底部，包括了：话题互动、广告、互推、作者信息、合作说明、二维码：&lt;/p&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;figure&gt;&lt;img src="https://pic3.zhimg.com/50/v2-2058edee5878d11db26a0b9cc707674a_b.jpg" data-caption="" data-size="normal" data-rawwidth="637" data-rawheight="3091" class="origin_image zh-lightbox-thumb" width="637" data-original="https://pic3.zhimg.com/50/v2-2058edee5878d11db26a0b9cc707674a_r.jpg"&gt;&lt;/figure&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;h2&gt;023 二维码&lt;/h2&gt;&lt;p&gt;二维码底部放置二维码是为了方便读者直接关注，不用再翻页到文章开头。 &lt;/p&gt;&lt;p&gt;一个经过用心设计的二维码，能够提高不少转化率。在各大编辑器中，都有各种二维码的样式，可以挑选合适的。&lt;/p&gt;&lt;p&gt;有时候需要自己生成一些二维码，这个时候要借助两个工具：&lt;b&gt;短网址、二维码生成器。&lt;/b&gt;&lt;/p&gt;&lt;p&gt;网址越长，生成的二维码就越复杂难看，而微信自己的链接都太长了，下面就是一个长网址生成的二维码。&lt;/p&gt;&lt;figure&gt;&lt;img src="https://pic3.zhimg.com/50/v2-40349b860b1a018f55101cfe2cff4b94_b.jpg" data-caption="" data-size="normal" data-rawwidth="280" data-rawheight="280" class="content_image" width="280"&gt;&lt;/figure&gt;&lt;p&gt;这时候需要借助短网址工具，将长网址进行缩短，用缩短后的网址去生成二维码。&lt;/p&gt;&lt;blockquote&gt;百度短网址：&lt;a href="//link.zhihu.com/?target=http%3A//dwz.cn" class=" external" target="_blank" rel="nofollow noreferrer"&gt;&lt;span class="invisible"&gt;http://&lt;/span&gt;&lt;span class="visible"&gt;dwz.cn&lt;/span&gt;&lt;span class="invisible"&gt;&lt;/span&gt;&lt;/a&gt;&lt;/blockquote&gt;&lt;figure&gt;&lt;img src="https://pic3.zhimg.com/50/v2-948d902b5cfcd9ba7356e2e69ba2c2f9_b.jpg" data-caption="" data-size="normal" data-rawwidth="640" data-rawheight="549" class="origin_image zh-lightbox-thumb" width="640" data-original="https://pic3.zhimg.com/50/v2-948d902b5cfcd9ba7356e2e69ba2c2f9_r.jpg"&gt;&lt;/figure&gt;&lt;p&gt;二维码生成器基本上都带有美化功能，生成后可以进行美化。这里推荐两个二维码生成器：&lt;/p&gt;&lt;blockquote&gt;草料二维码：&lt;a href="//link.zhihu.com/?target=http%3A//cli.im" class=" external" target="_blank" rel="nofollow noreferrer"&gt;&lt;span class="invisible"&gt;http://&lt;/span&gt;&lt;span class="visible"&gt;cli.im&lt;/span&gt;&lt;span class="invisible"&gt;&lt;/span&gt;&lt;/a&gt;&lt;br&gt;第九工厂：&lt;a href="//link.zhihu.com/?target=http%3A//9thws.com" class=" external" target="_blank" rel="nofollow noreferrer"&gt;&lt;span class="invisible"&gt;http://&lt;/span&gt;&lt;span class="visible"&gt;9thws.com&lt;/span&gt;&lt;span class="invisible"&gt;&lt;/span&gt;&lt;/a&gt;&lt;/blockquote&gt;&lt;h2&gt;总结&lt;/h2&gt;&lt;p&gt;这篇文章是我个人经验的一些总结，讲了一些很琐碎的东西，可以收藏下来作为一篇工具文。&lt;/p&gt;&lt;p&gt;同时，我最希望你记住&lt;b&gt;「黑与白」&lt;/b&gt;的排版理念，这是排版的道。如果你忘记了，可以翻看留白那小节。&lt;/p&gt;&lt;p&gt;---------------------------------下面推荐20个排版好看的公众号--------------------------------&lt;br&gt;&lt;/p&gt;&lt;figure&gt;&lt;img src="https://pic2.zhimg.com/50/v2-5da2779b3b27da8feb9237133361a36e_b.jpg" data-caption="" data-size="normal" data-rawwidth="2560" data-rawheight="1440" class="origin_image zh-lightbox-thumb" width="2560" data-original="https://pic2.zhimg.com/50/v2-5da2779b3b27da8feb9237133361a36e_r.jpg"&gt;&lt;/figure&gt;&lt;p&gt;&lt;b&gt;| 未读&lt;/b&gt;&lt;/p&gt;&lt;p&gt;推荐之处：未读是做荐书的，经常做合集清单的同学推荐学习一下。&lt;/p&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;figure&gt;&lt;img src="https://pic1.zhimg.com/50/v2-170cc689f524025d7b1cd454f36124f7_b.jpg" data-caption="" data-size="normal" data-rawwidth="2560" data-rawheight="1440" class="origin_image zh-lightbox-thumb" width="2560" data-original="https://pic1.zhimg.com/50/v2-170cc689f524025d7b1cd454f36124f7_r.jpg"&gt;&lt;/figure&gt;&lt;p&gt;&lt;b&gt;| 拾遗&lt;/b&gt;&lt;/p&gt;&lt;p&gt;推荐之处：我非常喜欢拾遗的配图，很有感觉。另外一节文字+一张图的排版样式也很值得学习。&lt;/p&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;figure&gt;&lt;img src="https://pic4.zhimg.com/50/v2-dbb541096052b9af4cef5af85a580ddc_b.jpg" data-caption="" data-size="normal" data-rawwidth="2560" data-rawheight="1440" class="origin_image zh-lightbox-thumb" width="2560" data-original="https://pic4.zhimg.com/50/v2-dbb541096052b9af4cef5af85a580ddc_r.jpg"&gt;&lt;/figure&gt;&lt;p&gt;&lt;b&gt;| 物道&lt;/b&gt;&lt;/p&gt;&lt;p&gt;推荐之处：箱子有开箱体验，物道的落地头图也有一种开屏体验，很爽快。另外小标题会随着物品变动而改变，很有趣。&lt;/p&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;figure&gt;&lt;img src="https://pic4.zhimg.com/50/v2-069fe1de116dea63f8a870f471239958_b.jpg" data-caption="" data-size="normal" data-rawwidth="2560" data-rawheight="1440" class="origin_image zh-lightbox-thumb" width="2560" data-original="https://pic4.zhimg.com/50/v2-069fe1de116dea63f8a870f471239958_r.jpg"&gt;&lt;/figure&gt;&lt;p&gt;&lt;b&gt;| 誰最中國&lt;/b&gt;&lt;/p&gt;&lt;p&gt;推荐之处：誰最中國的标题+配图+文章，尤其是配图特别有中国风，非常有辨识度。&lt;/p&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;figure&gt;&lt;img src="https://pic4.zhimg.com/50/v2-ee08582bf3daa74beb6233e090058bab_b.jpg" data-caption="" data-size="normal" data-rawwidth="2560" data-rawheight="1440" class="origin_image zh-lightbox-thumb" width="2560" data-original="https://pic4.zhimg.com/50/v2-ee08582bf3daa74beb6233e090058bab_r.jpg"&gt;&lt;/figure&gt;&lt;p&gt;&lt;b&gt;| 顾爷&lt;/b&gt;&lt;/p&gt;&lt;p&gt;推荐之处：顾爷做的都是长图，因此也不受微信编辑器本身的限制。如果你在排版上非常有创意的话，可以模仿顾爷做成全图片。&lt;/p&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;figure&gt;&lt;img src="https://pic1.zhimg.com/50/v2-407d7dbdb6315db2515bde20a3584529_b.jpg" data-caption="" data-size="normal" data-rawwidth="2560" data-rawheight="1440" class="origin_image zh-lightbox-thumb" width="2560" data-original="https://pic1.zhimg.com/50/v2-407d7dbdb6315db2515bde20a3584529_r.jpg"&gt;&lt;/figure&gt;&lt;p&gt;&lt;b&gt;| 好色派沙拉&lt;/b&gt;&lt;/p&gt;&lt;p&gt;推荐之处：好色派沙拉的配图都来自设计师之手，非常的有感觉。另外最后的图片链接做成推送的样子也很有意思。&lt;/p&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;figure&gt;&lt;img src="https://pic2.zhimg.com/50/v2-910b7f7cff6e9fb8ce2244f5a7dee002_b.jpg" data-caption="" data-size="normal" data-rawwidth="2560" data-rawheight="1440" class="origin_image zh-lightbox-thumb" width="2560" data-original="https://pic2.zhimg.com/50/v2-910b7f7cff6e9fb8ce2244f5a7dee002_r.jpg"&gt;&lt;/figure&gt;&lt;p&gt;&lt;b&gt;| voicer&lt;/b&gt;&lt;/p&gt;&lt;p&gt;推荐之处：voicer是分享生活美学和设计的杂志，整体审美非常棒。&lt;/p&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;figure&gt;&lt;img src="https://pic1.zhimg.com/50/v2-00168795858629ecaad10074d85cd04b_b.jpg" data-caption="" data-size="normal" data-rawwidth="2560" data-rawheight="1440" class="origin_image zh-lightbox-thumb" width="2560" data-original="https://pic1.zhimg.com/50/v2-00168795858629ecaad10074d85cd04b_r.jpg"&gt;&lt;/figure&gt;&lt;p&gt;&lt;b&gt;| 丹尼尔先生&lt;/b&gt;&lt;/p&gt;&lt;p&gt;推荐之处：这个号只有每周六是原创，作者很有品位。把(244,244,244)的底纹用到了极致。&lt;/p&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;figure&gt;&lt;img src="https://pic1.zhimg.com/50/v2-d1c5be2c9dfc9e25bca9458863fa291f_b.jpg" data-caption="" data-size="normal" data-rawwidth="2560" data-rawheight="1440" class="origin_image zh-lightbox-thumb" width="2560" data-original="https://pic1.zhimg.com/50/v2-d1c5be2c9dfc9e25bca9458863fa291f_r.jpg"&gt;&lt;/figure&gt;&lt;p&gt;&lt;b&gt;| JZsolve&lt;/b&gt;&lt;/p&gt;&lt;p&gt;推荐之处：黑底白字很惊艳，而这只是 JZ 风格的一种，这个号除了干货什么都没有，连排版也是干货。&lt;/p&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;figure&gt;&lt;img src="https://pic4.zhimg.com/50/v2-01604ab647d0b400686272e29d0cba81_b.jpg" data-caption="" data-size="normal" data-rawwidth="2560" data-rawheight="1440" class="origin_image zh-lightbox-thumb" width="2560" data-original="https://pic4.zhimg.com/50/v2-01604ab647d0b400686272e29d0cba81_r.jpg"&gt;&lt;/figure&gt;&lt;p&gt;&lt;b&gt;| 可能吧&lt;/b&gt;&lt;/p&gt;&lt;p&gt;推荐之处：可能吧的排版一直被人津津乐道，它并不花哨，但足够优雅和有呼吸感，对文字节奏的控制值得每个人学习。&lt;/p&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;figure&gt;&lt;img src="https://pic3.zhimg.com/50/v2-16b9f250dfa82572be71e042e65382d6_b.jpg" data-caption="" data-size="normal" data-rawwidth="2560" data-rawheight="1440" class="origin_image zh-lightbox-thumb" width="2560" data-original="https://pic3.zhimg.com/50/v2-16b9f250dfa82572be71e042e65382d6_r.jpg"&gt;&lt;/figure&gt;&lt;p&gt;&lt;b&gt;| 正好有空&lt;/b&gt;&lt;/p&gt;&lt;p&gt;推荐之处：正好有空的头图当时花了5千多块，历时半个月修改了几十次才定下来。可惜知乎上不能看动图，推荐关注一下看看效果。&lt;/p&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;figure&gt;&lt;img src="https://pic4.zhimg.com/50/v2-f60e61ffa6fec8500d7ab0dc2ba2071a_b.jpg" data-caption="" data-size="normal" data-rawwidth="2560" data-rawheight="1440" class="origin_image zh-lightbox-thumb" width="2560" data-original="https://pic4.zhimg.com/50/v2-f60e61ffa6fec8500d7ab0dc2ba2071a_r.jpg"&gt;&lt;/figure&gt;&lt;p&gt;&lt;b&gt;| 行动派&lt;/b&gt;&lt;/p&gt;&lt;p&gt;推荐之处：行动派的排版也经常被大家推崇，头图和尾图很好看，正文基本没有图片，但用小符号控制的很好。&lt;/p&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;figure&gt;&lt;img src="https://pic3.zhimg.com/50/v2-c4605f38946a40284ed75a07f0111b70_b.jpg" data-caption="" data-size="normal" data-rawwidth="2560" data-rawheight="1440" class="origin_image zh-lightbox-thumb" width="2560" data-original="https://pic3.zhimg.com/50/v2-c4605f38946a40284ed75a07f0111b70_r.jpg"&gt;&lt;/figure&gt;&lt;p&gt;&lt;b&gt;| 24hours&lt;/b&gt;&lt;/p&gt;&lt;p&gt;推荐之处：24hours 的头图也很好看，值得学习，多图之间的节奏控制也很好。&lt;/p&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;figure&gt;&lt;img src="https://pic4.zhimg.com/50/v2-4526b623a7483982736f55ffb6fcd298_b.jpg" data-caption="" data-size="normal" data-rawwidth="2560" data-rawheight="1440" class="origin_image zh-lightbox-thumb" width="2560" data-original="https://pic4.zhimg.com/50/v2-4526b623a7483982736f55ffb6fcd298_r.jpg"&gt;&lt;/figure&gt;&lt;p&gt;&lt;b&gt;| AppSo&lt;/b&gt;&lt;/p&gt;&lt;p&gt;推荐之处：AppSo 的排版比较适合那些“正经”一些的公众号学习参考。&lt;/p&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;figure&gt;&lt;img src="https://pic4.zhimg.com/50/v2-fc14163a2236cc284d6316466e86659f_b.jpg" data-caption="" data-size="normal" data-rawwidth="2560" data-rawheight="1440" class="origin_image zh-lightbox-thumb" width="2560" data-original="https://pic4.zhimg.com/50/v2-fc14163a2236cc284d6316466e86659f_r.jpg"&gt;&lt;/figure&gt;&lt;p&gt;&lt;b&gt;| 姜胡说&lt;/b&gt;&lt;/p&gt;&lt;p&gt;推荐之处：这是我一个学员的公众号，在排版上也有很多值得借鉴和学习的地方。&lt;/p&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;figure&gt;&lt;img src="https://pic2.zhimg.com/50/v2-57939453471217124894c83bd9b9fee3_b.jpg" data-caption="" data-size="normal" data-rawwidth="2560" data-rawheight="1440" class="origin_image zh-lightbox-thumb" width="2560" data-original="https://pic2.zhimg.com/50/v2-57939453471217124894c83bd9b9fee3_r.jpg"&gt;&lt;/figure&gt;&lt;p&gt;&lt;b&gt;| 那一座城&lt;/b&gt;&lt;/p&gt;&lt;p&gt;推荐之处：大家不要笑，那一座城的排版牛逼之处在于跟阅读情绪配合的十分到位，点名学习。&lt;/p&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;figure&gt;&lt;img src="https://pic3.zhimg.com/50/v2-5fb6ecb8b9519b49d1b2a9b12f9d1e35_b.jpg" data-caption="" data-size="normal" data-rawwidth="2560" data-rawheight="1440" class="origin_image zh-lightbox-thumb" width="2560" data-original="https://pic3.zhimg.com/50/v2-5fb6ecb8b9519b49d1b2a9b12f9d1e35_r.jpg"&gt;&lt;/figure&gt;&lt;p&gt;&lt;b&gt;| 企鹅吃喝指南&lt;/b&gt;&lt;/p&gt;&lt;p&gt;推荐之处：很喜欢他们的动态头图，整体排版的感觉也很不错。&lt;/p&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;figure&gt;&lt;img src="https://pic2.zhimg.com/50/v2-85d3a0d78778a58a8de577c7862a36ae_b.jpg" data-caption="" data-size="normal" data-rawwidth="2560" data-rawheight="1440" class="origin_image zh-lightbox-thumb" width="2560" data-original="https://pic2.zhimg.com/50/v2-85d3a0d78778a58a8de577c7862a36ae_r.jpg"&gt;&lt;/figure&gt;&lt;p&gt;&lt;b&gt;| 阿司匹林博物馆&lt;/b&gt;&lt;/p&gt;&lt;p&gt;推荐之处：封面图都是统一的插画，很有感觉，排版也很有呼吸感。&lt;/p&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;figure&gt;&lt;img src="https://pic2.zhimg.com/50/v2-082f88e76a4cc8d42a20401569f07006_b.jpg" data-caption="" data-size="normal" data-rawwidth="2560" data-rawheight="1440" class="origin_image zh-lightbox-thumb" width="2560" data-original="https://pic2.zhimg.com/50/v2-082f88e76a4cc8d42a20401569f07006_r.jpg"&gt;&lt;/figure&gt;&lt;p&gt;&lt;b&gt;| 附中人Further&lt;/b&gt;&lt;/p&gt;&lt;p&gt;推荐之处：我不说你绝对猜不到这是一群高中生做的号，排版很赞，点名学习。&lt;/p&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;figure&gt;&lt;img src="https://pic2.zhimg.com/50/v2-a66ad9538a97e62e7e57ca64ca9f1069_b.jpg" data-caption="" data-size="normal" data-rawwidth="2560" data-rawheight="1440" class="origin_image zh-lightbox-thumb" width="2560" data-original="https://pic2.zhimg.com/50/v2-a66ad9538a97e62e7e57ca64ca9f1069_r.jpg"&gt;&lt;/figure&gt;&lt;p&gt;&lt;b&gt;| 坤龙老师&lt;/b&gt;&lt;/p&gt;&lt;p&gt;推荐之处：最后给我的个人号打个广告，你没意见吧 ^_^&lt;/p&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;p&gt;---------------------------------------------我是分割线--------------------------------&lt;/p&gt;&lt;p&gt;我是坤龙，一家6个人的文化公司的创始人，90后新媒体老司机，在行超1000单行家。从业4年，前前后后参与了近50个公众号运营。&lt;/p&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;p&gt;往期精选：&lt;/p&gt;&lt;p&gt;&lt;a href="https://www.zhihu.com/question/49367850/answer/383242075" class="internal"&gt;怎么在今日头条上赚钱？&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;a href="https://www.zhihu.com/question/31232744/answer/375175144" class="internal"&gt;微信公众号互推如何操作？&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;p&gt;PS：其他干货请看&lt;b&gt;微信公众号「坤龙老师团队」（ID：ikunlong）&lt;/b&gt; ，回复“涨粉”，送你9个涨粉方法。 &lt;/p&gt;&lt;figure&gt;&lt;img src="https://pic1.zhimg.com/50/v2-543090e45f1fa35a307c1b269c23c2e0_b.jpg" data-caption="" data-size="normal" data-rawwidth="620" data-rawheight="1939" data-default-watermark-src="https://pic4.zhimg.com/50/v2-92e3521030f74de8f062be2b7e903853_b.jpg" class="origin_image zh-lightbox-thumb" width="620" data-original="https://pic1.zhimg.com/50/v2-543090e45f1fa35a307c1b269c23c2e0_r.jpg"&gt;&lt;/figure&gt;</textarea>
                                <div class="zh-summary summary clearfix">
                                    <img src="https://pic4.zhimg.com/50/v2-db47c2a3a9f7e072ce3276a138dc4acb_200x112.jpg"
                                         data-caption="" data-size="normal" data-rawwidth="640" data-rawheight="360"
                                         data-watermark="" data-original-src="" data-watermark-src=""
                                         data-private-watermark-src="" class="origin_image inline-img zh-lightbox-thumb"
                                         data-original="https://pic4.zhimg.com/50/v2-db47c2a3a9f7e072ce3276a138dc4acb_r.jpg">
                                    关于排版前段时间我发了条朋友圈：有哪些东西是你一旦知道，生活就从此回不去了的？审美。现在无论是微信文章还是其他场景，面对没有排版的文字，我都会瞬间失去阅读兴趣。下面将从文字、留白、图片、引导几部分来写。先来说说排版的作用。
                                    001 排版的作用…
                                    <a href="/question/23640203/answer/375921114" class="toggle-expand">显示全部</a>
                                </div>
                                <p class="visible-expanded"><a itemprop="url" class="answer-date-link meta-item"
                                                               data-tooltip="s$t$发布于 2018-04-25" target="_blank"
                                                               href="/question/23640203/answer/375921114">编辑于
                                    2018-05-15</a></p>
                            </div>
                            <div class="zm-item-meta answer-actions clearfix js-contentActions">
                                <div class="zm-meta-panel">
                                    <a data-follow="q:link" class="follow-link zg-unfollow meta-item"
                                       href="javascript:;" id="sfb-1637502"><i class="z-icon-follow"></i>取消关注</a>
                                    <a href="#" name="addcomment" class="meta-item toggle-comment js-toggleCommentBox">
                                        <i class="z-icon-comment"></i>26 条评论</a>
                                    <a href="#" class="meta-item zu-autohide js-thank" data-thanked="false"><i
                                            class="z-icon-thank"></i>感谢</a>
                                    <a href="#" class="meta-item zu-autohide js-share"><i
                                            class="z-icon-share"></i>分享</a>
                                    <a href="#" class="meta-item zu-autohide js-collect"><i class="z-icon-collect"></i>收藏</a>
                                    <span class="zg-bull zu-autohide">•</span>
                                    <a href="#" class="meta-item zu-autohide js-noHelp">没有帮助</a>
                                    <span class="zg-bull zu-autohide">•</span>
                                    <a href="#" class="meta-item zu-autohide js-report">举报</a>
                                    <meta name="copyrightStatus" content="1">
                                    <meta name="disableCopyAvatar" content="">
                                    <span class="zg-bull">•</span>
                                    <a href="/terms#sec-licence-1" target="_blank" class="meta-item copyright">
                                        作者保留权利 </a>
                                    <button class="meta-item item-collapse js-collapse"><i class="z-icon-fold"></i>收起
                                    </button>
                                </div>
                            </div>
                        </div>
                        <div class="zm-item-meta-extra">
                            <a href="javascript:;" class="zg-unfollow" data-type="a" id="f-98416090-74426223"
                               name="unfavo">取消收藏</a>
                        </div>
                    </div>
                </div>
                <div class="zm-item" data-type="Answer">
                    <h2 class="zm-item-title"><a target="_blank" href="/question/50199733">如何评价「小狗」UZI 这名选手？</a></h2>
                    <div class="zm-item-fav">
                        <div tabindex="-1" class="zm-item-answer " itemscope itemtype="http://schema.org/Answer"
                             data-aid="77512393" data-atoken="260936887" data-collapsed="0" data-created="1510845047"
                             data-deleted="0" data-isowner="0" data-helpful="True" data-copyable="1" data-zop>
                            <link itemprop="url" href="/question/50199733/answer/260936887">
                            <meta itemprop="answer-id" content="77512393">
                            <meta itemprop="answer-url-token" content="260936887">
                            <a class="zg-anchor-hidden" name="answer-77512393"></a>
                            <div class="zm-item-vote">
                                <a class="zm-item-vote-count js-expand js-vote-count" href="javascript:;"
                                   data-bind-votecount>2</a>
                            </div>
                            <div class="zm-votebar">
                                <button class="up "><i class="icon vote-arrow"></i> <span class="count">2</span> <span
                                        class="label sr-only">赞同</span></button>
                                <button class="down "><i class="icon vote-arrow"></i> <span
                                        class="label sr-only">反对</span></button>
                            </div>
                            <div class="answer-head">
                                <div class="zm-item-answer-author-info">
                                    <span class="summary-wrapper"> <span class="author-link-line"> <a
                                            class="author-link" data-hovercard="p$t$bu-he-tang-de-xie-zi"
                                            target="_blank" href="/people/bu-he-tang-de-xie-zi">不喝汤的叶子</a></span><span
                                            title="不过一乡野村夫。" class="bio"> 不过一乡野村夫。 </span> </span>
                                </div>
                                <div class="zm-item-vote-info" data-votecount="2" data-async-voters="1">
                                    <span class="voters text"><a href="#" class="more text"><span
                                            class="js-voteCount">2</span>&nbsp;人赞同</a></span>
                                </div>
                            </div>
                            <div class="zm-item-rich-text expandable js-collapse-body" data-resourceid="12296642"
                                 data-action="/answer/content" data-author-name="不喝汤的叶子"
                                 data-entry-url="/question/50199733/answer/260936887">
                                <textarea hidden class="content">我玩lol大概在初中最多，现在是大学狗，高中逐渐变成只跟朋友玩两把。大学已经有段时间没玩了，就是改版后上线打了两把。我的信仰英雄是vn，主玩adc，习惯了前期怂，后期稳，轻松获胜的套路。但是唯有vn，让我感觉到了一丝热血，玩vn就是刀尖上跳舞，身为adc却能玩出刺客的感觉。当然我打得并不好。后来了解到了一个人，uzi，传说中的vn之神，看了他很多操作视频，确实，很多地方的细节十分完美，他的vn总是神出鬼没，伤害也总是全场最高，风格也是激进的不行。慢慢的，了解到他的为人，一个小屁孩，因为天赋，被推上了神坛，但却没有相匹配的心态。骂人，赢了吹自己，输了就炸，粉丝也过分捧高。就跟我之前说得一样，一个小屁孩，还是一个挺讨厌的熊孩子，如果不是他的天赋，谁会喜欢他呢？白白胖胖，又不帅，又招黑。起码我是不喜欢的。今年的总决赛我也看了，我有点惊讶于他的表现，他的风格变稳了，以前那种熊孩子的感觉不见了，笑容中多了一丝腼腆，被打炸也只是无奈一笑，但是他拿到vn的时候我感觉他又回来了，同样的意气风发，同样的精细操作，虽然最后rng还是败给了加里奥的无情铁拳，不过至少，uzi他有了能够匹配世界第一ad的心态。嗯，总结评价一下，一个正在长大的熊孩子，只是希望他能在这条路继续坚持下去。</textarea>
                                <div class="zh-summary summary clearfix">
                                    我玩lol大概在初中最多，现在是大学狗，高中逐渐变成只跟朋友玩两把。大学已经有段时间没玩了，就是改版后上线打了两把。我的信仰英雄是vn，主玩adc，习惯了前期怂，后期稳，轻松获胜的套路。但是唯有vn，让我感觉到了一丝热血，玩vn就是刀尖上跳舞，身为ad…
                                    <a href="/question/50199733/answer/260936887" class="toggle-expand">显示全部</a>
                                </div>
                                <p class="visible-expanded"><a itemprop="url" class="answer-date-link meta-item"
                                                               target="_blank"
                                                               href="/question/50199733/answer/260936887">发布于
                                    2017-11-16</a></p>
                            </div>
                            <div class="zm-item-meta answer-actions clearfix js-contentActions">
                                <div class="zm-meta-panel">
                                    <a data-follow="q:link" class="follow-link zg-follow meta-item" href="javascript:;"
                                       id="sfb-12296642"><i class="z-icon-follow"></i>关注问题</a>
                                    <a href="#" name="addcomment" class="meta-item toggle-comment js-toggleCommentBox">
                                        <i class="z-icon-comment"></i>添加评论</a>
                                    <a href="#" class="meta-item zu-autohide js-thank" data-thanked="false"><i
                                            class="z-icon-thank"></i>感谢</a>
                                    <a href="#" class="meta-item zu-autohide js-share"><i
                                            class="z-icon-share"></i>分享</a>
                                    <a href="#" class="meta-item zu-autohide js-collect"><i class="z-icon-collect"></i>收藏</a>
                                    <span class="zg-bull zu-autohide">•</span>
                                    <a href="#" class="meta-item zu-autohide js-noHelp">没有帮助</a>
                                    <span class="zg-bull zu-autohide">•</span>
                                    <a href="#" class="meta-item zu-autohide js-report">举报</a>
                                    <meta name="copyrightStatus" content="1">
                                    <meta name="disableCopyAvatar" content="">
                                    <span class="zg-bull">•</span>
                                    <a href="/terms#sec-licence-1" target="_blank" class="meta-item copyright">
                                        作者保留权利 </a>
                                    <button class="meta-item item-collapse js-collapse"><i class="z-icon-fold"></i>收起
                                    </button>
                                </div>
                            </div>
                        </div>
                        <div class="zm-item-meta-extra">
                            <a href="javascript:;" class="zg-unfollow" data-type="a" id="f-77512393-74426223"
                               name="unfavo">取消收藏</a>
                        </div>
                    </div>
                </div>
                <div class="zm-item" data-type="Answer">
                    <h2 class="zm-item-title"><a target="_blank" href="/question/50199733">如何评价「小狗」UZI 这名选手？</a></h2>
                    <div class="zm-item-fav">
                        <div tabindex="-1" class="zm-item-answer " itemscope itemtype="http://schema.org/Answer"
                             data-aid="124129892" data-atoken="517325233" data-collapsed="1" data-created="1540364042"
                             data-deleted="0" data-isowner="0" data-helpful="True" data-copyable="1" data-zop>
                            <link itemprop="url" href="/question/50199733/answer/517325233">
                            <meta itemprop="answer-id" content="124129892">
                            <meta itemprop="answer-url-token" content="517325233">
                            <a class="zg-anchor-hidden" name="answer-124129892"></a>
                            <div class="zm-item-vote">
                                <a class="zm-item-vote-count js-expand js-vote-count" href="javascript:;"
                                   data-bind-votecount>731</a>
                            </div>
                            <div class="zm-votebar">
                                <button class="up "><i class="icon vote-arrow"></i> <span class="count">731</span> <span
                                        class="label sr-only">赞同</span></button>
                                <button class="down "><i class="icon vote-arrow"></i> <span
                                        class="label sr-only">反对</span></button>
                            </div>
                            <div class="answer-head">
                                <div class="zm-item-answer-author-info">
                                    <span class="name">匿名用户</span>
                                </div>
                                <div class="zm-item-vote-info" data-votecount="731" data-async-voters="1">
                                    <span class="voters text"><a href="#" class="more text"><span class="js-voteCount">731</span>&nbsp;人赞同</a></span>
                                </div>
                            </div>
                            <div class="zm-item-rich-text expandable js-collapse-body" data-resourceid="12296642"
                                 data-action="/answer/content" data-author-name="匿名用户"
                                 data-entry-url="/question/50199733/answer/517325233">
                                <textarea hidden class="content">&lt;p&gt;。&lt;/p&gt;</textarea>
                                <div class="zh-summary summary clearfix">
                                    。
                                    <a href="/question/50199733/answer/517325233" class="toggle-expand">显示全部</a>
                                </div>
                                <p class="visible-expanded"><a itemprop="url" class="answer-date-link meta-item"
                                                               data-tooltip="s$t$发布于 2018-10-24" target="_blank"
                                                               href="/question/50199733/answer/517325233">编辑于 昨天
                                    21:59</a></p>
                            </div>
                            <div class="zm-item-meta answer-actions clearfix js-contentActions">
                                <div class="zm-meta-panel">
                                    <a data-follow="q:link" class="follow-link zg-follow meta-item" href="javascript:;"
                                       id="sfb-12296642"><i class="z-icon-follow"></i>关注问题</a>
                                    <a href="#" name="addcomment" class="meta-item toggle-comment js-toggleCommentBox">
                                        <i class="z-icon-comment"></i>381 条评论</a>
                                    <a href="#" class="meta-item zu-autohide js-thank" data-thanked="false"><i
                                            class="z-icon-thank"></i>感谢</a>
                                    <a href="#" class="meta-item zu-autohide js-share"><i
                                            class="z-icon-share"></i>分享</a>
                                    <a href="#" class="meta-item zu-autohide js-collect"><i class="z-icon-collect"></i>收藏</a>
                                    <span class="zg-bull zu-autohide">•</span>
                                    <a href="#" class="meta-item zu-autohide js-noHelp">没有帮助</a>
                                    <span class="zg-bull zu-autohide">•</span>
                                    <a href="#" class="meta-item zu-autohide js-report">举报</a>
                                    <meta name="copyrightStatus" content="1">
                                    <meta name="disableCopyAvatar" content="">
                                    <span class="zg-bull">•</span>
                                    <a href="/terms#sec-licence-1" target="_blank" class="meta-item copyright">
                                        作者保留权利 </a>
                                    <button class="meta-item item-collapse js-collapse"><i class="z-icon-fold"></i>收起
                                    </button>
                                </div>
                            </div>
                        </div>
                        <div class="zm-item-meta-extra">
                            <a href="javascript:;" class="zg-unfollow" data-type="a" id="f-124129892-74426223"
                               name="unfavo">取消收藏</a>
                        </div>
                    </div>
                </div>
                <div class="zm-item" data-type="Answer">
                    <h2 class="zm-item-title"><a target="_blank" href="/question/37645964">家里做的家常菜和饭店做的家常菜有什么区别？</a>
                    </h2>
                    <div class="zm-item-fav">
                        <div tabindex="-1" class="zm-item-answer " itemscope itemtype="http://schema.org/Answer"
                             data-aid="89360083" data-atoken="326112808" data-collapsed="0" data-created="1519375671"
                             data-deleted="0" data-isowner="0" data-helpful="True" data-copyable="1" data-zop>
                            <link itemprop="url" href="/question/37645964/answer/326112808">
                            <meta itemprop="answer-id" content="89360083">
                            <meta itemprop="answer-url-token" content="326112808">
                            <a class="zg-anchor-hidden" name="answer-89360083"></a>
                            <div class="zm-item-vote">
                                <a class="zm-item-vote-count js-expand js-vote-count" href="javascript:;"
                                   data-bind-votecount>2</a>
                            </div>
                            <div class="zm-votebar">
                                <button class="up "><i class="icon vote-arrow"></i> <span class="count">2</span> <span
                                        class="label sr-only">赞同</span></button>
                                <button class="down "><i class="icon vote-arrow"></i> <span
                                        class="label sr-only">反对</span></button>
                            </div>
                            <div class="answer-head">
                                <div class="zm-item-answer-author-info">
                                    <span class="summary-wrapper"> <span class="author-link-line"> <a
                                            class="author-link" data-hovercard="p$t$sixinbeihai" target="_blank"
                                            href="/people/sixinbeihai">Lydia的一食间</a></span><span
                                            title="六爷的私房美食公众号：Lydia的厨房精致料理" class="bio"> 六爷的私房美食公众号：Lydia的厨房精致… </span> </span>
                                </div>
                                <div class="zm-item-vote-info" data-votecount="2" data-async-voters="1">
                                    <span class="voters text"><a href="#" class="more text"><span
                                            class="js-voteCount">2</span>&nbsp;人赞同</a></span>
                                </div>
                            </div>
                            <div class="zm-item-rich-text expandable js-collapse-body" data-resourceid="7265649"
                                 data-action="/answer/content" data-author-name="Lydia的一食间"
                                 data-entry-url="/question/37645964/answer/326112808">
                                <textarea hidden class="content">&lt;p&gt;&lt;/p&gt;&lt;p&gt;这个问题问得挺好。&lt;/p&gt;&lt;p&gt;我因为兴趣结交了很多厨师朋友，许多饭馆的后厨我都扫荡过，也曾经采访过北京饭店行政总厨郑秀生师傅。归纳了一下，大家轻拍。&lt;/p&gt;&lt;p&gt;&lt;b&gt;1. 先从做饭的套路来说：&lt;/b&gt;&lt;/p&gt;&lt;p&gt;饭馆做菜的套路是，不论家不家常，几乎都是油锅里先走一遍，再勾兑料汁、切好配菜进行爆炒或焖烧，汁浓色亮。&lt;/p&gt;&lt;p&gt;而所谓家常菜，就是用居家的手法做菜，一点底油、简单调味，基本以炒、蒸、炖为主，吃得是个健康、简单、舒服，这是我们理解的真正的家常菜。&lt;/p&gt;&lt;p&gt;&lt;b&gt;2. 再从菜品的选择来说：&lt;/b&gt;&lt;/p&gt;&lt;p&gt;饭馆菜单的制定通常遵循几大菜系，比如大虾，鲁菜馆做油焖，南方菜馆做白灼或蒜烹，台湾做三杯，广东潮汕做虾饺虾粥，东南亚做咖喱。或者干脆摒弃菜系，不走寻常路，做创意菜，例如前几年挺火的港丽餐厅。&lt;/p&gt;&lt;p&gt;而家常菜就没这么多讲究，菜市场哪个新鲜又便宜就买那个，谁也不会定位到哪个菜系上。但是时间久了，家常菜也自成了一派江湖，北京最早的郭林家常菜就以家常口味着实得火了几年。后来还是被各路新兴的创意菜馆挤得生存艰难。&lt;/p&gt;&lt;p&gt;&lt;b&gt;3. 说说所谓饭馆家常菜和咱们普通人家做菜的区别&lt;/b&gt;&lt;/p&gt;&lt;p&gt;首先，饭馆的家常菜，依旧是先过油再烹饪，重油重盐是不用怀疑的。所以你去吃这些所谓家常菜，其实味道很香很重，根本谈不上健康。&lt;/p&gt;&lt;p&gt;其次，在配菜上，饭馆家常菜依旧是讲究的，配菜里该有的颜色都要有，出锅前该撒小葱花的一粒都不少。在家我们会这么矫情吗？不会吧。&lt;/p&gt;&lt;p&gt;&lt;b&gt;4. 既然饭馆家常菜都是套路，那为啥还叫“家常菜”？&lt;/b&gt;&lt;/p&gt;&lt;p&gt;因为便宜啊。家常菜=物美价廉=温暖，也就是你又下了馆子，又省了银子，还有暖心的氛围，何乐而不为呢？&lt;/p&gt;&lt;p&gt;本人喜欢在家琢磨做菜，经常把饭馆的套路改变为家常做法，下面放图，高能！饥饿误入！&lt;/p&gt;&lt;p&gt;（订阅号：一食间EATIME。图片上水印是旧号啦。）&lt;/p&gt;&lt;p&gt;&lt;b&gt;手工午餐肉：&lt;/b&gt;&lt;/p&gt;&lt;figure&gt;&lt;img src="https://pic4.zhimg.com/50/v2-c2fc35235b949ea961b7f351bbbe802a_b.jpg" data-caption="" data-size="normal" data-rawwidth="1280" data-rawheight="960" class="origin_image zh-lightbox-thumb" width="1280" data-original="https://pic4.zhimg.com/50/v2-c2fc35235b949ea961b7f351bbbe802a_r.jpg"&gt;&lt;/figure&gt;&lt;figure&gt;&lt;img src="https://pic4.zhimg.com/50/v2-60af9d4a46dd26a46a8ea5fd4aa89fe7_b.jpg" data-caption="" data-size="normal" data-rawwidth="1280" data-rawheight="960" class="origin_image zh-lightbox-thumb" width="1280" data-original="https://pic4.zhimg.com/50/v2-60af9d4a46dd26a46a8ea5fd4aa89fe7_r.jpg"&gt;&lt;/figure&gt;&lt;figure&gt;&lt;img src="https://pic3.zhimg.com/50/v2-84fcbe47177d1179bac66148608a492b_b.jpg" data-caption="" data-size="normal" data-rawwidth="3264" data-rawheight="2448" class="origin_image zh-lightbox-thumb" width="3264" data-original="https://pic3.zhimg.com/50/v2-84fcbe47177d1179bac66148608a492b_r.jpg"&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;</textarea>
                                <div class="zh-summary summary clearfix">
                                    <img src="https://pic4.zhimg.com/50/v2-c2fc35235b949ea961b7f351bbbe802a_200x112.jpg"
                                         data-caption="" data-size="normal" data-rawwidth="1280" data-rawheight="960"
                                         class="origin_image inline-img zh-lightbox-thumb"
                                         data-original="https://pic4.zhimg.com/50/v2-c2fc35235b949ea961b7f351bbbe802a_r.jpg">
                                    这个问题问得挺好。我因为兴趣结交了很多厨师朋友，许多饭馆的后厨我都扫荡过，也曾经采访过北京饭店行政总厨郑秀生师傅。归纳了一下，大家轻拍。
                                    <b>1. 先从做饭的套路来说：</b>饭馆做菜的套路是，不论家不家常，几乎都是油锅里先走一遍，再勾兑料汁、切好配菜进…
                                    <a href="/question/37645964/answer/326112808" class="toggle-expand">显示全部</a>
                                </div>
                                <p class="visible-expanded"><a itemprop="url" class="answer-date-link meta-item"
                                                               data-tooltip="s$t$发布于 2018-02-23" target="_blank"
                                                               href="/question/37645964/answer/326112808">编辑于
                                    2018-02-23</a></p>
                            </div>
                            <div class="zm-item-meta answer-actions clearfix js-contentActions">
                                <div class="zm-meta-panel">
                                    <a data-follow="q:link" class="follow-link zg-follow meta-item" href="javascript:;"
                                       id="sfb-7265649"><i class="z-icon-follow"></i>关注问题</a>
                                    <a href="#" name="addcomment" class="meta-item toggle-comment js-toggleCommentBox">
                                        <i class="z-icon-comment"></i>添加评论</a>
                                    <a href="#" class="meta-item zu-autohide js-thank" data-thanked="false"><i
                                            class="z-icon-thank"></i>感谢</a>
                                    <a href="#" class="meta-item zu-autohide js-share"><i
                                            class="z-icon-share"></i>分享</a>
                                    <a href="#" class="meta-item zu-autohide js-collect"><i class="z-icon-collect"></i>收藏</a>
                                    <span class="zg-bull zu-autohide">•</span>
                                    <a href="#" class="meta-item zu-autohide js-noHelp">没有帮助</a>
                                    <span class="zg-bull zu-autohide">•</span>
                                    <a href="#" class="meta-item zu-autohide js-report">举报</a>
                                    <meta name="copyrightStatus" content="1">
                                    <meta name="disableCopyAvatar" content="">
                                    <span class="zg-bull">•</span>
                                    <a href="/terms#sec-licence-1" target="_blank" class="meta-item copyright">
                                        作者保留权利 </a>
                                    <button class="meta-item item-collapse js-collapse"><i class="z-icon-fold"></i>收起
                                    </button>
                                </div>
                            </div>
                        </div>
                        <div class="zm-item-meta-extra">
                            <a href="javascript:;" class="zg-unfollow" data-type="a" id="f-89360083-74426223"
                               name="unfavo">取消收藏</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="border-pager">
                <div class="zm-invite-pager">
                    <span class="zg-gray-normal">上一页</span>
                    <span class="zg-gray-normal">1</span>
                    <span><a href="?page=2">2</a></span>
                    <span><a href="?page=3">3</a></span>
                    <span>...</span>
                    <span><a href="?page=115">115</a></span>
                    <span><a href="?page=2">下一页</a></span>
                </div>
            </div>
        </div>
    </div>
    <div class="zu-main-sidebar" data-za-module="RightSideBar">
        <div class="zm-side-section">
            <div class="zm-side-section-inner">
                <h3>关于创建者</h3>
                <a class="zm-list-avatar-link" href="/people/yu-tian-ran"> <img class="zm-list-avatar-medium"
                                                                                src="https://pic2.zhimg.com/866d71111_m.jpg">
                </a>
                <div class="zm-list-content-medium" id="zh-single-answer-author-info">
                    <span class="zg-right"> </span>
                    <h2 class="zm-list-content-title"><a href="/people/yu-tian-ran" class="author-link">余天然</a></h2>
                    <div class="summary-wrapper summary-wrapper--short">
                        <span class="zg-gray-normal bio">阅读，思考，记录。</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="zm-side-section">
            <div class="zm-side-section-inner">
                <h3>收藏夹状态</h3>
                <div class="zg-gray-normal">
                    最近活动于
                    <span class="time">昨天 11:30</span>
                </div>
            </div>
        </div>
        <div class="zm-side-section">
            <div class="zm-side-section-inner">
                <a href="#" id="zh-fav-list-side-bar-report" name="report-favlist" class="zg-link-gray-normal">举报收藏夹</a>
            </div>
        </div>
        <div class="zm-side-section explore-side-section">
            <div class="zm-side-section-inner">
                <div class="section-title">
                    <a href="javascript:;" id="js-hot-fav-switch" class="zg-link-gray zg-right" data-za-c="collection"
                       data-za-a="click_trending_collections_change"
                       data-za-l="explore_sidebar_trending_collections_collection_name">换一换</a>
                    <h3>热门收藏</h3>
                </div>
                <ul class="list hot-favlists">
                    <li>
                        <div class="content">
                            <a href="/collection/20972312" target="_blank">一语胜千言</a>
                            <div class="meta">
                                <span>16600 人关注</span>
                                <span class="zg-bull">•</span>
                                <span>684 条内容</span>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="content">
                            <a href="/collection/122390358" target="_blank">车小胖TCP/IP</a>
                            <div class="meta">
                                <span>1024 人关注</span>
                                <span class="zg-bull">•</span>
                                <span>162 条内容</span>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="content">
                            <a href="/collection/71859050" target="_blank">装逼专用</a>
                            <div class="meta">
                                <span>943 人关注</span>
                                <span class="zg-bull">•</span>
                                <span>50 条内容</span>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="content">
                            <a href="/collection/26501934" target="_blank">被知乎科普</a>
                            <div class="meta">
                                <span>19975 人关注</span>
                                <span class="zg-bull">•</span>
                                <span>4521 条内容</span>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="content">
                            <a href="/collection/63269539" target="_blank">小说预备</a>
                            <div class="meta">
                                <span>1498 人关注</span>
                                <span class="zg-bull">•</span>
                                <span>11006 条内容</span>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="shameimaru-placeholder" data-loc="explore_down" data-params="{}"></div>
    </div>
</div>
<div id="zh-footer" class="zh-footer">
    <div class="content zg-wrap clearfix">
        <ul>
            <li><a href="https://liukanshan.zhihu.com" target="_blank">刘看山</a></li>
            <li><a href="/question/19581624" target="_blank">知乎指南</a></li>
            <li><a href="javascript:;" id="js-feedback-button">建议反馈</a></li>
            <li><a href="/app" target="_blank">移动应用</a></li>
            <li><a href="/careers">加入知乎</a></li>
            <li><a href="/terms" target="_blank">知乎协议</a></li>
            <li><a href="/jubao" target="_blank">举报投诉</a></li>
            <li><a href="/terms/privacy" target="_blank">隐私政策</a></li>
            <li><a href="/contact">联系我们</a></li>
        </ul>
        <span class="copy">© 2018 知乎</span>
    </div>
</div>
<script type="text/json" class="json-inline" data-name="guiders2">{"exclusive-popover":{},"section":{},"editor":[]}
</script>
<script type="text/template" class="bind-phone-confirmation-dialog-template">
    <div class="clearfix bind-phone-confirmation-dialog" data-za-module="BindPhoneForm">
        <p>
            <span class="bind-phone-tip">应国家法规对于帐号实名的要求，进行下一步操作前，需要先完成手机绑定。</span>
            <a href="https://zhuanlan.zhihu.com/p/27257715" target="_blank">了解更多</a>
        </p>
        <div class="text-right">
            <a href="#" class="not-to-bind-phone">暂不绑定</a>&nbsp;&nbsp;
            <button class="zg-btn-blue go-to-bind-phone">去绑定手机</button>
        </div>
    </div>
</script>
<script type="text/template" class="bind-phone-dialog-template">
    <div class="code-activate-view clearfix" data-za-module="BindPhoneForm">
        <div class="tip">绑定手机后，你就可以使用知乎的提问、回答、评论和编辑等功能。</div>
        <form class="send-code clearfix">
            <div class="input-wrapper">
                <label class="info" for="phone_no-to-send">手机：</label>
                <input type="text" id="phone_no-to-send" name="new_phone_no" class="text" required>
            </div>
            <button class="submit zg-btn-blue">获取验证码</button>
        </form>
        <form class="activate clearfix">
            <div class="input-wrapper">
                <label class="info" for="phone_no-to-bind">手机：</label>
                <input type="text" id="phone_no-to-bind" name="new_phone_no" class="text" required>
            </div>
            <div class="input-wrapper verification-code">
                <label class="info" for="digits">验证码：</label>
                <input type="text" id="digits" name="digits" class="text" placeholder="6 位数验证码" maxlength="6" required>
                <button type="button" class="resend-code">重发验证码</button>
            </div>
            <button class="submit zg-btn-blue">确认</button>
        </form>
        <div class="form-help-extra z-text-muted">
            <p>没有收到验证码？</p>
            <p>你也可以私信 <a target="_blank" href="http://www.zhihu.com/people/zhihuadmin">@知乎小管家</a> 或者发邮件至 <a
                    href="mailto:i@zhihu.com">i@zhihu.com</a> 联系知乎管理员</p>
        </div>
    </div>
</script>
<script type="text/template" class="bind-email-notification-dialog-template">
    <div class="clearfix bind-email-notification-dialog" data-za-module="BindMailForm">
        <p>
            由于你此前绑定的邮箱未经验证，未来请使用手机号登录知乎。
        </p>
        <div class="text-right">
            <a class="zg-btn-blue js-reload" href="#">知道了</a>
        </div>
    </div>
</script>
<script type="text/json" class="json-inline" data-name="current_user">
    ["\u4f59\u5929\u7136","yu-tian-ran","https:\/\/pic2.zhimg.com\/866d71111_s.jpg","07f77ed16b8ebd4c531a96c041cde556","\u9605\u8bfb\uff0c\u601d\u8003\uff0c\u8bb0\u5f55\u3002",0,0,true,"630709658@qq.com","http:\/\/mail.qq.com",0,false,false,false,"38400975437824",false,false,false,true,null,null,true]
</script>
<script type="text/json" class="json-inline" data-name="front_web_config">
    {"realname_win_config":{"timestamp":1501344000,"tip":"\u5e94\u56fd\u5bb6\u6cd5\u89c4\u5bf9\u4e8e\u5e10\u53f7\u5b9e\u540d\u7684\u8981\u6c42\uff0c\u8fdb\u884c\u4e0b\u4e00\u6b65\u64cd\u4f5c\u524d\uff0c\u9700\u8981\u5148\u5b8c\u6210\u624b\u673a\u7ed1\u5b9a\u3002","continue":0,"continue_time":3600,"skip_ut_verification":0}}
</script>
<script type="text/json" class="json-inline" data-name="user_status">[null,null,false]</script>
<script type="text/json" class="json-inline" data-name="env">["zhihu.com","comet.zhihu.com",false,null,false,false]
</script>
<script type="text/json" class="json-inline" data-name="permissions">[]</script>
<script type="text/json" class="json-inline" data-name="ga_vars">
    {"user_created":1387958796000,"now":1541143798000,"abtest_mask":"---------0--------------------","user_attr":[1,0,0,"-",1],"user_hash":"07f77ed16b8ebd4c531a96c041cde556"}
</script>
<script type="text/json" class="json-inline" data-name="ra-urls">
    {"Copyright":"https:\/\/static.zhihu.com\/static\/revved\/-\/apps\/Copyright.773358e5.js","PayUIApp":"https:\/\/static.zhihu.com\/static\/revved\/-\/apps\/PayUIApp.36707672.js","CouponApp":"https:\/\/static.zhihu.com\/static\/revved\/-\/apps\/CouponApp.1f64e458.js","PaymentApp":"https:\/\/static.zhihu.com\/static\/revved\/-\/apps\/PaymentApp.a5a8951a.js","Community":"https:\/\/static.zhihu.com\/static\/revved\/-\/apps\/Community.5a5b078a.js","Report":"https:\/\/static.zhihu.com\/static\/revved\/-\/apps\/Report.b0136566.js","OrgOpHelp":"https:\/\/static.zhihu.com\/static\/revved\/-\/apps\/OrgOpHelp.9e284cd9.js","common":"https:\/\/static.zhihu.com\/static\/revved\/-\/apps\/common.8eaa69f7.js","BalanceApp":"https:\/\/static.zhihu.com\/static\/revved\/-\/apps\/BalanceApp.1e4cdac8.js","AnswerWarrant":"https:\/\/static.zhihu.com\/static\/revved\/-\/apps\/AnswerWarrant.a94bf518.js","CommentApp":"https:\/\/static.zhihu.com\/static\/revved\/-\/apps\/CommentApp.275ffa2a.js"}
</script>
<script type="text/json" class="json-inline" data-name="current_list">[74426223,false,204112305,0]</script>
<script src="https://static.zhihu.com/static/revved/-/js/vendor.cb14a042.js"></script>
<script src="https://static.zhihu.com/static/revved/-/js/closure/base.5330209e.js"></script>
<script src="https://static.zhihu.com/static/revved/-/js/closure/common.d4dc2d3f.js"></script>
<script src="https://static.zhihu.com/static/revved/-/js/closure/richtexteditor.6bd142d3.js" async></script>
<script src="https://static.zhihu.com/static/revved/-/js/closure/page-main.758ac409.js"></script>
<meta name="entry" content="ZH.entryL" data-module-id="page-main">
<script type="text/zscript" znonce="dc41c855684741959d8cc36e20952880"></script>
<input type="hidden" name="_xsrf" value="4774557c22fb58c8566cd3f3d04449c0">
</body>
</html>